/**************************************************
*   0.0 - common
**************************************************/
.body_wrap { background-color:#ffffff; height:100%; left:0; position:fixed; top:0; width:100%; z-index:999; display:none; }
.body_wrap i { display:block; left:0; margin-top:-16px; position:absolute; text-align:center; top:50%; width:100%; }

/* section 공통 */
@media (min-width:0) {
    .section { padding:50px 10px; }
    .section_title { position:relative; font-size:20px; color:#454545; margin:0 0 25px; }
    .section_title:after { content:""; display:block; position:absolute; width:100%; height:1px; left:0; bottom:-11px; background-color:#ccc; }
}
@media (min-width:992px) {
    .section_title { font-size:24px; margin-top:20px; }
}
@media (min-width: 1024px) { 	
    .section { padding:50px 10px; }
}
@media (min-width: 1200px) { 	
    .section { padding:60px 0; }
}

/* 공통 class */
.clearfix:after { clear:both; content:""; display:block; overflow:hidden; }
.hidden { font-size:0; height:0; left:0; margin:0; overflow:hidden; padding:0; position:absolute; text-indent:-9999px; top:0; visibility:hidden; width:0; }
.line_thr { text-decoration:line-through; }
.txc { text-align:center; }
.ell1 { display:inline-block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ell2 { display:inline-block; width:100%; overflow:hidden; max-height:2.8em; line-height:1.4; }
.ell3 { display:inline-block; width:100%; overflow:hidden; max-height:4.2em; line-height:1.4; }
.ell4 { display:inline-block; width:100%; overflow:hidden; max-height:5.6em; line-height:1.4; }
.ell5 { display:inline-block; width:100%; overflow:hidden; max-height:7em; line-height:1.4; }

/* 드랍다운 */
.dropbtn { background-color:#fff; border:none; color:#fff; cursor:pointer; font-size:13px; padding:10px; }
.dropbtn_default { background-color:#000; }
.dropdown { display:inline-block; position:relative; }
.dropdown-content { background-color:#fff; border:1px solid #ccc; border-top:0; display:none; min-width:160px; overflow:auto; position:absolute; z-index:2; }
.dropdown-content a { color:#555; display:block; font-size:12px; padding:10px; text-decoration:none; }
.dropdown a:hover { background-color:#f1f1f1; }
.dropdown-content.show { display:block; }

/* 언어선택 */
.subheader-gtrans { float:right; display:inline-block; }
.goog-te-gadget img { display:none; }
.goog-te-gadget-simple { height:28px; line-height:26px; border-color:#ccc !important; background:#fff url('../images/contents/icon_down_01.png') no-repeat 95% 50%; padding-left:5px; width:75px; text-align:left; }

.goog-te-menu-value span { font-size:12px; line-height:26px; display:block; }
.goog-te-gadget-simple .goog-te-menu-value { margin:0; color:#666 !important; font-size:12px; }
.goog-te-gadget-simple .goog-te-menu-value img { display:none; margin:0; }
.goog-te-gadget-simple .goog-te-menu-value img + span { display:none; }

div#goog-gt-tt { box-shadow:none !important; -webkit-box-shadow:none !important; }
.goog-te-menu-frame { box-shadow:none !important; -webkit-box-shadow:none !important; }
@media (min-width:1220px) {
    .goog-te-gadget-simple { width:90px; }
}

/* 비밀번호모달창 */
#dialog { display:none; }
.ui-widget-content { border-color:#ccc; background:#fff; color:#545454; border-radius:0; font-size:14px; padding:0; z-index:9999; }
.ui-dialog .ui-dialog-titlebar { border:none; background:none; color:#232323; border-radius:0; font-weight:normal; padding:0; font-size:16px; margin:10px; border-bottom:1px solid #ccc; padding-bottom:10px; }
.ui-dialog .ui-dialog-titlebar-close { border:0; background:none; font-weight:normal; color:#00529b; border-radius:0; }
.ui-state-default .ui-icon { background:url('../images/contents/btn_close_01.png') no-repeat center; top:5px; }
.ui-widget input { border-radius:0; }
#dialog { margin:0 0 10px; }
.ui-widget-overlay { background:rgba(0,0,0,0.6); opacity:1; z-index:9999; }
#dialog .ui-state-default { border-radius:0; border-color:#64a023; background:none; font-weight:normal; color:#64a023; -webkit-transition:all 0.5s; transition:all 0.5s; }
#dialog .ui-state-default:hover { background-color:#64a023; color:#fff; }

/* 애니메이션 */
@-webkit-keyframes fadeEffect { 	
    from { opacity:0; }
	to { opacity:1; }
}
@keyframes fadeEffect { 	
    from { opacity:0; }
	to { opacity:1; }
}
.ani { -moz-transition:all .2s linear 0s; -o-transition:all .2s linear 0s; transition-property:all .2s linear 0s; -webkit-transition:all .2s linear 0s; }
@-webkit-keyframes animatetop { 	
    from { opacity:0; top:-300px; }
	to { opacity:1; top:0; }
}
@keyframes animatetop { 	
    from { opacity:0; top:-300px; }
	to { opacity:1; top:0; }
}

@-webkit-keyframes effect {
    from {
        -webkit-transform:scale(1,1);
        transform:scale(1,1);   
    }
    to {
        -webkit-transform:scale(1.1,1.1);
        transform:scale(1.1,1.1); 
    }
}
@keyframes effect {
    from {
        -webkit-transform:scale(1,1);
        transform:scale(1,1);   
    }
    to {
        -webkit-transform:scale(1.1,1.1);
        transform:scale(1.1,1.1); 
    }
}

.effect {
  -webkit-animation-name: effect;
  animation-name: effect;
}

/* iframe */
.video-container { height:100%; overflow:hidden; position:relative; width:100%; }
.video-container iframe, .video-container object, .video-container embed { height:100%; left:0; position:absolute; top:0; width:100%; }

/* modal */
.modal { background-color:rgb(0,0,0); background-color:rgba(0,0,0,0.6); display:none; height:100%; left:0; overflow:auto; padding:100px 0; position:fixed; top:0; width:100%; z-index:9999; }
.modal-content { animation-duration:0.4s; animation-name:animatetop; background-color:#fefefe; border:1px solid #888; box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); margin:auto; padding:0; position:relative; -webkit-animation-duration:0.4s; -webkit-animation-name:animatetop; width:80%; }
.close { color:white; float:right; font-size:28px; font-weight:bold; position:absolute; right:10px; top:-35px; width:16px; height:16px; }
.close:hover, .close:focus { color:#000; cursor:pointer; text-decoration:none; }
.modal-header { background-color:#5cb85c; color:white; padding:2px 16px; }
.modal-body { padding:2px 16px; }
.modal-footer { background-color:#5cb85c; color:white; padding:2px 16px; }

@media (min-width:992px) {
    .modal { padding:150px 0; }
}

/* mobile */
@media (max-width:992px) {
    .mobile-only { display:block; }
    .pc-only { display:none; }
}
@media (min-width:992px) {
    .mobile-only { display:none; }
    .pc-only { display:block; }
}

/* hiddencontents */
.hiddencontents { display:none; }
.hiddencontents.on { display:block; }

/* file_input_div */
.file_input_div { background-color:#333; color:#fff; display:inline-block; height:34px; line-height:34px; overflow:hidden; position:relative; text-align:center; vertical-align:middle; width:70px; }
.file_input_img_btn { background-color:#333; height:34px; line-height:34px; display:block; text-align:center; color:#fff; width:70px; }
.file_input_hidden { font-size:0; position:absolute; right:0px; left:0; top:0px; opacity:0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); cursor:pointer; width:70px; height:34px; }
input.file_input_textbox { height:34px; line-height:34px; padding:0 5px; width:90%; }

/**************************************************
*   0.1 - popup
**************************************************/
.popuparea { z-index:95; display:none; }
.popuparea .popupbox.newopen { width:560px; height:auto; cursor:pointer; box-sizing:border-box; padding-bottom:10px; }
.popuparea .popupbox { position:absolute; z-index:100; overflow:hidden; border:3px solid #006db0; background-color:#fff; left:200px; top:130px; box-sizing:border-box; }
.popuparea .popupbox button.btn-close {position:absolute; right:0; top:0; width:40px; height:40px; background:#006db0; color:#fff; cursor:pointer; text-align:center; }
.popuparea .popupbox button.btn-close i { font-size:20px; }
.popuparea .popupbox button.btn-more { position:absolute; right:10px; bottom:5px; font-size:13px; cursor:pointer; text-align:center; }
.popuparea .popupbox button.btn-more img { width:10px; height:10px; margin-right:5px; }
.popuparea .popupbox img { width:100%; height:100%; }
.popuparea .popupbox .txtbox { line-height:1.6; font-size:14px; padding:20px 30px 50px; box-sizing:border-box; letter-spacing:0.2px; display:none; }
.popuparea .popupbox span.tit { font-size:24px; display:block; line-height:1.4; color:#006db0; margin-bottom:20px; }
.popuparea .popupbox span.from { display:block; text-align:right; font-size:24px; margin:30px 0 10px; }
@media (max-width:992px) {
    .popuparea .popupbox { left:50%; top:50px; margin-left:-280px; }
}
@media (max-width:640px) {
    .popuparea { }
    .popuparea .popupbox.newopen { width:100%; }
    .popuparea .popupbox {left:0; top:0; margin-left:0; }
}

/**************************************************
*   0.2 - table_num
**************************************************/
.table_num::before { clear:both; content:''; display:block; overflow:hidden; }
.table_num { clear:both; margin:30px 0 0 0; width:100%; text-align:center; }
.table_num ul { height:30px; line-height:30px; display:table; margin:0 auto; }
.table_num ul li { float:left; margin-left:5px; text-align:center; width:30px; height:30px; }
.table_num ul li:first-child{ margin-left:0; }
.table_num ul li a { display:block; font-size:13px; color:#787878; line-height:29px; border:1px solid #ccc; }
.table_num ul li.on a { background-color:#787878; color:#fff; }
.table_num ul li a.Prev{ display:block; background:url(../images/contents/left.png) center center no-repeat; width:100%; height:100%; background-size:20% auto; }
.table_num ul li a.PrevPrev { display:block; background:url(../images/contents/lleft.png) center center no-repeat; width:100%; height:100%; background-size:31% auto; }
.table_num ul li a.Next{ display:block; background:url(../images/contents/right.png) center center no-repeat; width:100%; height:100%; background-size:20% auto; }
.table_num ul li a.NextNext { display:block; background:url(../images/contents/rright.png) center center no-repeat; width:100%; height:100%; background-size:31% auto; }

@media (max-width: 640px) {
	.table_num ul li { margin-left:4px; width:25px; height:25px; }
	.table_num ul li a{ line-height:24px; }
}

/**************************************************
*   0.3 - btn_group
**************************************************/
@media (min-width:0) {
    .inner .btn_group { margin-top:30px; text-align:center; }
    .inner .btn_group::after { content:""; display:block; clear:both; overflow:hidden; }
    .inner .btn_group .btn { display:inline-block; font-size:15px; height:35px; line-height:33px; margin:0 5px; padding:0 20px; -webkit-transition:all 0.5s; transition:all 0.5s; }
    
    .inner .btn_group .btn.btn_default { background-color:#333; color:#fff; }
    .inner .btn_group .btn.btn_submit { border:1px solid #64a023; color:#64a023; }
    .inner .btn_group .btn.btn_cancel { border:1px solid #ccc; color:#787878; }
    .inner .btn_group .btn.btn_write { background-color:#333; color:#fff; float:right; height:35px; line-height:33px; padding:0 20px; }
    .inner .btn_group .btn.btn_more { border:1px solid #64a023; color:#64a023; }
    
    .inner .btn_group .btn.btn_submit:hover { background-color:#64a023; color:#fff; }
    .inner .btn_group .btn.btn_more:hover { background-color:#64a023; color:#fff; }
}
@media (min-width:992px) {
    .inner .btn_group .btn { height:45px; line-height:43px; padding:0 30px; font-size:16px; }
}
@media (min-width:1024px) {
    .inner .btn_group .btn.btn_more { margin-top:50px; }
}


/* ------------------------------------------------------------------
	footer
------------------------------------------------------------------ */

#top_scroll{ display:none; }
#footer{ clear:both; background:#fff; position:relative; z-index:1; text-align:center; }
#footer .f_number{ display:block; line-height:1.2; margin-bottom:5px; font-size:0; }
#footer .f_number span{ display:inline-block; margin-right:10px; font-size:13px; }
#footer .f_number span:last-child{ margin-right:0; }
#footer .f_rights{ display:block; line-height:1.2; font-size:13px; }
#footer .f_btns{ margin-top:10px; text-align:center; font-size:0; }
#footer .f_btns a{ display:inline-block; width:30px; height:30px; line-height:30px; background:#ccc; border-radius:50%; text-align:center; }
#footer .f_btns a i{ display:inline-block; vertical-align:middle; font-size:14px; color:#fff; }
#footer .f_btns a:hover { background:#ff0000; }

#pc_footer{ position:relative; padding:20px 0; text-align:center;overflow:hidden;clear:both; border-top:2px solid #3f3f3f;letter-spacing:-1px;color:#737373;}

#pc_footer .footer_b{ margin:0 auto 5px auto; width:100%; font-size:0; }
#pc_footer .footer_b .logo{ display:inline-block; vertical-align:middle; }
#pc_footer .footer_b .logo img{ display:inline-block; vertical-align:middle; width:auto; max-height:40px; margin-right:5px; }
#pc_footer .footer_b .logo b{ display:inline-block; vertical-align:middle; font-size: 20px; color: #666;font-weight: bold; }

#pc_footer address{ display:inline-block; max-width:calc( 100% - 100px); font-size:13px; line-height:1.4; vertical-align:middle; white-space:nowrap; font-style:normal; text-align:left; padding-left:20px; }
#pc_footer address a{color:#db3829; }

@media(max-width:1100px){
	#pc_footer .inner{ width:100%; }
	
}

@media(max-width:1024px){

	#header .header_bot .pc_nav { display:none; }
	#header .header_bot .mob_nav { display:block; }
}

@media(max-width:640px){
	#pc_footer .footer_b .logo{ display:block; text-align:center; width:100%; margin-bottom:10px; }
	#pc_footer address{ max-width:100%; padding-left:0; text-align:center; }
}

/**************************************************
*   1 - header
**************************************************/
#header::after{ clear:both; content:''; display:block; overflow:hidden; } 
#header{ border-bottom:1px solid #ccc; }

/**************************************************
*   1.1 - gnb
**************************************************/
@media (min-width:0) {
    #gnb { border-bottom:1px solid #ccc; box-sizing:border-box; clear:both; overflow:hidden; padding:5px 0; }
	#gnb .inner { padding:0; }
    #gnb a { font-size:12px; line-height:28px; }
    
    #gnb .ulright { float:right; margin-left:7px; }
    #gnb .ulright li { color:#005ea1; float:left; }
    #gnb .ulright li:first-child{ display:none; }
	#gnb .ulright li > a { font-size:12px; display:inline; color:#666; padding-right:10px; }
    #gnb .ulright .lang { margin-left:4px; }
    #gnb .ulright li select { background:#fff url("../images/contents/icon_down_01.png") no-repeat 95% 50%; border:1px solid #ccc; box-sizing:border-box; color:#666; font-size:12px; height:28px; line-height:28px; padding-left:5px; width:70px; }
    #gnb .ulright li select option { height:30px; }
    
    #gnb .list { float:right; }
    #gnb .list li { float:left; margin-right:7px; }
    #gnb .list li em { display:none; }
    #gnb .list li p { background:#aaa; border-radius:50%; display:block; height:26px; text-align:center; width:26px; }
    #gnb .list li p img { height:18px; position:relative; top:4px; width:18px; }
}
@media (min-width:480px) {
    #gnb .ulright { float:right; margin-right:10px; }
    #gnb .ulright li select { width:80px; padding-left:10px; }
    #gnb .ulright .lang { margin-left:5px; }
    
    #gnb .list li { margin:0 10px; }
    #gnb .list li em { display:block; }
    #gnb .list li p { display:none; }
}
@media (min-width:992px) {
    #gnb a { font-size:14px; }
    #gnb .ulright { margin-right:3px; }
    
	#gnb .list { margin-right:5px; }
	#gnb .list li { margin-right:3px; }
}

/**************************************************
*   1.2 - mainMenu
**************************************************/
@media (min-width:0) {
    #mainMenu { background-color:#fff; font-size:0; -moz-transition:all 0.2s linear 0s; -o-transition:all 0.2s linear 0s; -webkit-transition:all 0.2s linear 0s; transition:all 0.2s linear 0s; z-index:9998; width:100%; }
    #mainMenu.active { background-color:#ffffff; position:fixed; left:0; top:0; width:100%; border-bottom:1px solid #ccc; }
	#mainMenu .inner { padding:0; }
    #mainMenu ul.topnav { list-style-type:none; padding:0; }
    #mainMenu ul.topnav li { display:none; position:relative; }
    #mainMenu ul.topnav li.first { display:block; float:left; width:auto; }

	#mainMenu ul.topnav li.first.logo{ margin-right:5px; }
	#mainMenu ul.topnav li.first .logo img{ max-height:40px; width:auto; vertical-align:middle; }
	#mainMenu ul.topnav li.first .page_name{ font-size:18px; font-weight:bold; color:#666; line-height:50px; padding-left:0; }

    #mainMenu ul.topnav li.icon { display:inline-block; float:right; font-weight:bold; }
    #mainMenu ul.topnav li.menu_w { display:none; }
    
    #mainMenu ul.topnav li a { text-decoration:none; font-size:16px; padding:12px 10px; color:#232323; }
    #mainMenu ul.topnav li.icon a { padding:13px 0; }
    #mainMenu ul.topnav li.first a { color:inherit; font-weight:500; width:auto; font-size:24px; display:inline-block; text-shadow:none; padding:0 10px; border:0; vertical-align:middle; }

    #mainMenu ul.topnav li.first a img { vertical-align:text-bottom; width:auto; }
    #mainMenu ul.topnav li a.menu { border-bottom:1px solid #cccccc; overflow:hidden; text-overflow:clip; white-space:nowrap; }
	#mainMenu ul.topnav li a.bon { border-top:1px solid #cccccc; }
    
    #mainMenu ul.topnav.responsive { position:relative; }
	#mainMenu ul.topnav.responsive li.first a { display:inline-block; }
	#mainMenu ul.topnav.responsive li.icon { position:absolute; right:0; top:0; }
	#mainMenu ul.topnav li.icon a { font-size:24px; padding:13px 10px; display:inline-block; }
	#mainMenu ul.topnav.responsive li { display:inline; float:none; }
	#mainMenu ul.topnav.responsive li a { display:block; text-align:left; }
}
@media (min-width:992px) { 	
    
    #mainMenu ul.topnav li { display:inline-block; }
    #mainMenu ul.topnav li a { display:block; font-size:17px; padding:0; text-align:center; line-height:45px; }
	#mainMenu ul.topnav li.icon { display:none; }
    #mainMenu ul.topnav li.menu_w { display:inline-block; }
	#mainMenu ul.topnav li.first { display:none; float:left; width:200px; }
    #mainMenu ul.topnav li.first a { font-size:36px; height:70px; line-height:70px; }
    #mainMenu ul.topnav li.menu_w a { }
    #mainMenu ul.topnav li a.menu { border-bottom:none; }
	#mainMenu ul.topnav li a.bon { border-top:none; }
    
    #mainMenu ul.topnav.responsive li { float:left; }
    
    /* 서브메뉴 */
    #mainMenu ul.topnav li.menu_w ul { position:absolute; left:0; width:100%; background-color:rgba(218,208,88,0.6); display:none; z-index:9999; }
    #mainMenu ul.topnav li.menu_w.on ul { display:block; }
    
    #mainMenu ul.topnav li.menu_w ul li { display:inline-block; float:left; position:relative; width:100%; }
    #mainMenu ul.topnav li.menu_w ul li:hover { background-color:rgba(100,160,35,1); }
    #mainMenu ul.topnav li.menu_w ul li a { padding:10px 0; font-size:14px; color:#fff; line-height:1; }
    
}

/**************************************************
*   1.3 - top_menu
**************************************************/
@media (min-width:0) {
	#top_menu { display:none; }
	#top_menu .frbox ul li .iconbox img{ width:100%; position:relative; }
}
@media (min-width:992px) {
	#top_menu { display:block; border-bottom:1px solid #ccc; overflow:hidden; font-size:0; vertical-align:middle; }
	#top_menu .flbox { display:inline-block; display:none; width:calc(50% - 140px); vertical-align:middle; }
	#top_menu .flbox .icon_box { width:32px; height:32px; float:left; }
	#top_menu .flbox .txtbox { display:table; width:100%; max-width:300px; line-height:1.4; float:left; height:44px; text-align:center; background-size:cover; background-position:center; }
	#top_menu .flbox .txtbox p{ display:table-cell; vertical-align:middle; font-size:15px; background:rgba(0,0,0,.2); color:#fff; font-weight:bold; }
	#top_menu .flbox .txtbox .txt1 { font-size:17px; }
	#top_menu .flbox .txtbox .txt2 { color:#666; font-size:13px; }
	
	#top_menu h1 { width:calc(100% - 280px); display:inline-block; text-align:center; vertical-align:middle; margin:12px 0; padding-left:280px; }
	#top_menu h1 a{ display:inline-block; vertical-align:middle; }
	#top_menu h1 .logo{ margin-right:5px; }
	#top_menu h1 .logo img{ max-height:45px; width:auto; }
	#top_menu h1 .page_name{ font-size:20px; font-family: 'Noto Sans KR'; color:#666; font-weight:bold; }
	
	#top_menu .frbox { width:280px; display:inline-block; vertical-align:middle; }
	#top_menu .frbox ul { overflow:hidden; width:200px; float:right; }
	#top_menu .frbox ul li { float:left; width:33.33%; text-align:center; }
	#top_menu .frbox ul li .iconbox { width:23px; height:23px; line-height:23px; margin:0 auto; }
	#top_menu .frbox ul li .txt1 { font-size:12px; line-height:1.4; margin-top:5px; }
}

/**************************************************
*   1.4 - mobile_menu
**************************************************/
@media (min-width:0) {
	
    #mobile_menu { background:#fff; display:none; height:100%; position:fixed; top:97px; width:100%; z-index:9999; border-top:1px solid #eee; }
    #mobile_menu.active { display:block; z-index:9999; }
	
    #mobile_menu .top { background-color:#f7f7f7; text-align:center; padding:30px 20px; line-height:1.4; }
    #mobile_menu .top .title { font-size:14px; color:#787878; }
    #mobile_menu .top ul { overflow:hidden; display:inline-block; margin:10px 0 0; }
    #mobile_menu .top ul li { display:inline-block; margin:0 5px; }
    #mobile_menu .top ul li a { display:inline-block; border:1px solid #a67322; height:30px; line-height:28px; font-size:13px; color:#a67322; padding:0 18px; }
    
    #mobile_menu .bottom { height:100%; position:relative; padding-bottom:211px; }
    #mobile_menu .bottom .hide { height:100%; position:absolute; width:37%; }
    #mobile_menu a { color:#333; font-size:14px; }
    #mobile_menu .w50.left { font-size:14px; height:100%; left:0; overflow:auto; position:absolute; width:calc( 100% + 17px); }
    #mobile_menu .w50.left .wrap { height:100%; position:relative; }
    #mobile_menu .w50.left .wrap ul { height:auto; padding-bottom:264px; position:relative; }
    #mobile_menu .w50.left li { background:#ededed; border-bottom:1px solid #ccc; color:#4e4e4e; font-size:15px; height:90px; line-height:90px; text-align:center; }
    #mobile_menu .w50.left li.on { background:#ffffff; color:#a67322; }
    #mobile_menu .w50.right { background:#ffffff; border-left:1px solid #fff; box-sizing:border-box; font-size:14px; height:100%; overflow:auto; position:absolute; right:0; width:63%; }
    #mobile_menu .w50.right .wrap { height:100%; position:absolute; width:100%; }
    #mobile_menu .w50.right .inner { height:100%; width:100%; }
    #mobile_menu .w50.right ul { margin-top:35px; }
	#mainMenu #mobile_menu .w50.right ul:last-child { padding-bottom:264px; }
    #mainMenu.active #mobile_menu .w50.right ul:last-child { padding-bottom:225px; }
    #mobile_menu .w50.right ul li { border-bottom:1px solid #cccccc; height:35px; line-height:35px; margin-left:10%; text-indent:5px; }
    #mobile_menu .w50.right ul li a { color:#454545; display:block; font-size:13px; }
    #mobile_menu .w50.right ul li.title { border-bottom:2px solid #000; font-size:16px; height:50px; margin-bottom:5px; padding-top:9px; }
}

/**************************************************
*   2 - contents
**************************************************/
/**************************************************
*   2.1 - mainBanner
**************************************************/
@media (min-width:0) { 	
    #mainBanner { position:relative; }
    #mainBanner .bxslider { position:relative; overflow:hidden; height:320px; }
	#mainBanner .bxslider li { position:relative; height:320px; overflow:hidden; }
    #mainBanner .bxslider li .imgbox { background-position:center; background-size:cover; background-repeat:no-repeat; width:100%; height:320px; }
	#mainBanner .bxslider li iframe { width:100%; height:100%; min-height:320px; }
    
	#mainBanner .bxslider li .txtbox_wrap { position:absolute; top:50%; display:table; height:204px; margin-top:-102px; table-layout:fixed; left:0; right:0; width:100%; max-width:1200px; padding:0 60px; text-align:center; color:#fff; }
	#mainBanner .bxslider li .txtbox_wrap .txtbox { width:100%; display:table-cell; vertical-align:middle; }
	#mainBanner .bxslider li .txtbox_wrap .txtbox .tx1 { font-size:24px; font-weight:bold; }
	#mainBanner .bxslider li .txtbox_wrap .txtbox .tx2 { font-size:17px; }
    
	#mainBanner .slick-arrow { font-size:0; height:30px; margin-top:-12px; position:absolute; text-indent:-9999px; top:50%; transition:all 0.5s; width:30px; z-index:49; cursor:pointer; }
	#mainBanner .slick-prev { background:rgba(0,0,0,0.4) url("../images/contents/btn_prev_01.png") no-repeat center; background-size:60%; left:0; }
	#mainBanner .slick-next { background:rgba(0,0,0,0.4) url("../images/contents/btn_next_01.png") no-repeat center; background-size:60%; right:0; }
	#mainBanner:hover .slick-arrow { background-color:rgba(0,0,0,1); }
}
@media (min-width:480px) { 	
    #mainBanner .bxslider li .txtbox_wrap .txtbox .tx1 { font-size:30px; }
	#mainBanner .bxslider li .txtbox_wrap .txtbox .tx2 { font-size:20px; }
}
@media (min-width:768px) { 	
	#mainBanner .bxslider { height:450px; }
    #mainBanner .bxslider li { height:450px; }
    #mainBanner .bxslider li .imgbox { height:450px; }
	#mainBanner .bxslider li iframe { min-height:450px; }
}
@media (min-width:992px) { 	
	#mainBanner .bxslider { height:540px; }
    #mainBanner .bxslider li { height:540px; }
    #mainBanner .bxslider li .imgbox { height:540px; }
	#mainBanner .bxslider li iframe { min-height:540px; }
    
    #mainBanner .bxslider li .txtbox_wrap .txtbox .tx1 { font-size:40px; }
	#mainBanner .bxslider li .txtbox_wrap .txtbox .tx2 { font-size:30px; }
}
@media (min-width:1024px) { 	
	#mainBanner .bxslider { height:620px; }
    #mainBanner .bxslider li { height:620px; }
    #mainBanner .bxslider li .imgbox { height:620px; }
	#mainBanner .bxslider li iframe { min-height:620px; }
}
@media (min-width:1200px) { 
	#mainBanner .bxslider li .txtbox_wrap { left:50%; margin-left:-600px; }
}	
@media (min-width:1280px) { 	
	#mainBanner .bxslider { height:720px; }
    #mainBanner .bxslider li { height:720px; }
    #mainBanner .bxslider li .imgbox { height:720px; }
	#mainBanner .bxslider li iframe { min-height:720px; }
    
    #mainBanner .bxslider li .txtbox_wrap { width:1200px; }
    #mainBanner .bxslider li .txtbox_wrap .txtbox .tx1 { font-size:45px; }
    
	#mainBanner .slick-arrow { height:40px; margin-top:-20px; width:40px; }
    #mainBanner .slick-prev { left:50%; margin-left:-600px; }
	#mainBanner .slick-next { margin-right:-600px; right:50%; }
}
@media (min-width:1440px) { 	
    #mainBanner .slick-prev { margin-left:-680px; }
	#mainBanner .slick-next { margin-right:-680px; }
}

/**************************************************
*   2.2 - #section_main
**************************************************/
@media (min-width:0) {
	#section_main { clear:both; margin-top:-60px; }
	#section_main .top { cursor:default; overflow:hidden; width:100%; margin-bottom:15px; }
	#section_main .top ul li { background:#fff; margin-bottom:10px; text-align:center; }
	#section_main .top ul li a{ display:block; box-sizing:border-box; border:1px solid #ddd; padding:15px 15px 7px; overflow:hidden; }
	#section_main .top .intro_slide .slick-list{ margin:0 -5px; }
	#section_main .top .intro_slide .slick-slide{ margin:0 5px; }
	#section_main .top .intro_slide .slick-arrow{ position:absolute; width:30px; height:30px; top:50%; z-index:1; font-size:0; margin-top:-15px; }
	#section_main .top .intro_slide .slick-prev{ left:0; background:url(../images/btn_prev_03.png) }
	#section_main .top .intro_slide .slick-next{ right:0; background:url(../images/btn_next_03.png) }
	#section_main .top .box_img { }
	#section_main .top .box_img img { height:70px; width:70px; margin:0 auto; }
	#section_main .top ul h3 { font-size:14px; line-height:22px; margin:10px 0 8px; }
	
	#section_main .bottom { }
	#section_main .bottom .board { position:relative; border:1px solid #ddd; padding:15px; margin-bottom:10px; overflow:hidden;/*  max-height:335px; */ }
	#section_main .bottom .board h4 { font-size:18px; color:#454545; margin-bottom:10px; }
	#section_main .bottom .board h4 a { width:30px; height:30px; display:inline-block; }
	
	#section_main .bottom .board1 li .imgbox { display:block; position:relative; margin-top:10px; width:100%; padding-bottom:55%; background-size:cover; background-position:center; background-repeat:no-repeat; }
	#section_main .bottom .board1 li .imgbox .txt{ position:absolute; bottom:0; width:100%; padding:10px; background:rgba(0,0,0,.4); color:#fff; }
	#section_main .bottom .board1 li .imgbox .txt p{ line-height:1.4; height:1.4em; }
	#section_main .bottom .board1 .slick-arrow { position:absolute; top:50%; width:30px; height:30px; margin-top:-25px; font-size:0; text-indent:-9999px; -webkit-transition:all 0.5s; transition:all 0.5s; opacity:0.6; z-index:45; }
	#section_main .bottom .board1:hover .slick-arrow { opacity:1; }
	#section_main .bottom .board1 .slick-prev { left:0; background:url('../images/contents/btn_prev_03.png') no-repeat center; background-size:contain; }
	#section_main .bottom .board1 .slick-next { right:0; background:url('../images/contents/btn_next_03.png') no-repeat center; background-size:contain; }
	
	#section_main .bottom .board1 .slick-dots { text-align:center; margin-top:20px; }
	#section_main .bottom .board1 .slick-dots li { display:inline-block; margin:0 3px; }
	#section_main .bottom .board1 .slick-dots li button { display:inline-block; width:13px; height:13px; border-radius:50%; background-color:#a0a0a0; font-size:0; text-indent:-9999px; }
	#section_main .bottom .board1 .slick-dots li.slick-active button { background-color:#0075b8; }
	
	#section_main .bottom .board2 { padding:0; border:0; overflow:hidden; }
	#section_main .bottom .board2 .top_box { padding:15px; border:1px solid #ddd; margin-bottom:15px; }
	#section_main .bottom .board2 .top_box h4 { border-bottom:2px solid #ddd; padding-bottom:7px; }
	#section_main .bottom .board2 .top_box h4 a { position:relative; top:-7px; float:right; }
	
	#section_main .bottom .board2 .bt1_list { padding:20px 5px 0; }
	#section_main .bottom .board2 .bt1_list li { margin-bottom:10px; background:url('../images/contents/dot01a.png') no-repeat left center; padding-left:10px; color:#666; }
	
	#section_main .bottom .board2 .bottom_box { background:#0075b8 url(../images/contents/csicon.png) no-repeat 95% 75%; color:#fff; padding:15px; }
	#section_main .bottom .board2 .bottom_box h4 { color:#fff; }
	#section_main .bottom .board2 .bottom_box strong { display:block; font-size:28px; font-weight:500; margin-bottom:10px; }
	#section_main .bottom .board2 .bottom_box small { display:block; line-height:20px; }
	
	#section_main .bottom .board3 { max-height:none; }
	#section_main .bottom .board3 #cal { width:100%; height:235px; }
	#section_main .bottom .board3 #cal > div { width:100%; height:100%; }
	#section_main .bottom .board3 #cal .ui-datepicker td span, #section_main .bottom .board3 #cal .ui-datepicker td a { padding:5px 5px 13px; }
	#section_main .bottom .board3 .bt1_list { margin:10px 0; }
	#section_main .bottom .board3 .bt1_list li { height:30px; line-height:30px; }
	#section_main .bottom .board3 .bt1_list li span.date { width:80px; float:left; }
	#section_main .bottom .board3 .bt1_list li span { width:calc(100% - 80px); color:#666; }
}
@media (min-width:640px) {
	/* #section_main .top ul li { float:left; margin-right:1%; width:32.666%; } */
	#section_main .top ul h3{ font-size:16px; }
	#section_main .bottom .board { margin-bottom:15px; }
	
	#section_main .bottom .board2 .top_box { width:50%; float:left; height:190px; }
	#section_main .bottom .board2 .bottom_box { width:50%; float:left; height:190px; }
	
	#section_main .bottom .board3 { max-height:335px; }
	#section_main .bottom .board3 #cal { width:50%; float:left; }
	#section_main .bottom .board3 .bt1_list { width:50%; float:left; padding-left:20px; }
}
@media (min-width:768px) {
	#section_main .bottom .board h4 { font-size:20px; }
}
@media (min-width:992px) {
	#section_main .bottom .board { float:left; width:32.666%; margin-right:1%; height:385px; max-height:385px; }
	#section_main .bottom .board:nth-child(3) { margin-right:0; }
	
	#section_main .bottom .board1 li .imgbox{ height:270px; padding-bottom:0; }
	#section_main .bottom .board2 .bt1_list { padding:20px 5px; }
	#section_main .bottom .board2 .bottom_box strong { font-size:32px; }
	
	#section_main .bottom .board2 .top_box { width:100%; float:none; height:185px; }
	#section_main .bottom .board2 .bottom_box { width:100%; float:none; height:185px; }
	
	#section_main .bottom .board3 #cal { width:100%; float:none; }
	#section_main .bottom .board3 .bt1_list { width:100%; float:none; padding-left:0; }
}
@media (min-width:1024px) {
	#section_main .top ul li a{ padding:7px 15px; }
	#section_main .top .box_img { width:70px; float:left; }
	#section_main .top ul h3 { font-size:20px; line-height:70px; text-align:left; float:left; padding-left:10px; margin:0; }
	
}

/**************************************************
*   2.3 - .board_list
**************************************************/

@media (min-width:0) {
    .board_list { position:relative; overflow:hidden; background:#92192e; padding:25px 0; }
    .board_list ul { position:relative; }
    .board_list ul li { position:relative; text-align:center; }
    .board_list ul li .imgbox { position:relative; padding-bottom:55%; background-size:cover; background-repeat:no-repeat; background-position:center; }
    .board_list ul li .hover { position:absolute; left:50%; top:50%; width:100%; width:30px; height:30px; margin-top:-15px; margin-left:-15px; }
    .board_list ul li .hover i { font-size:30px; color:rgba(0,0,0,0.6); transition:all 0.5s; }
    .board_list ul li:hover .hover i { color:rgba(255,0,0,0.8); }
    .board_list ul li .txtbox { line-height:1.4;  background:#fff; width:100%; text-align:left; padding:20px 10px; }
    .board_list ul li .txtbox .txt1 { font-size:14px; font-weight:bold; margin-bottom:5px; }
    .board_list ul li .txtbox .txt2 { font-size:13px; height:2.8em; }
    
    .board_list .btnset .slick-arrow { position:absolute; top:50%; width:30px; height:30px; text-align:center; line-height:30px; margin-top:-15px; font-size:0; text-indent:-9999px; z-index:45; transition:all 0.5s; opacity:0.6; }
    .board_list .btnset .slick-prev { left:0; background:url('../images/contents/btn_prev_01.png') no-repeat 0 0; background-size:contain; }
    .board_list .btnset .slick-next { right:0; background:url('../images/contents/btn_next_01.png') no-repeat 0 0; background-size:contain; }
	
    .board_list ul { margin:0 -5px; }
    .board_list ul li { margin:0 5px; }
}
@media (min-width:768px) {
	.board_list { padding:40px 0; }
	.board_list ul li .imgbox { padding-bottom:45%; }
	.board_list ul li .txtbox{ padding:20px; }
	.board_list ul li .hover{ width:50px; height:50px; margin-top:-25px; margin-left:-25px; }
	.board_list ul li .hover i{ font-size:50px; }
}
@media (min-width:992px) {
	.board_list ul li .txtbox { padding:25px; }
	
}


/**************************************************
*   menu_modal
**************************************************/
@media (min-width:0) {
    #menu_modal { padding-top:50px; }
    #menu_modal .modal-content { width:95%; }
    #menu_modal .modal-header { background-color:#ea2536; }
    #menu_modal .modal-header .title { font-size:22px; height:40px; line-height:40px; }
    #menu_modal .modal-header .title span { font-size:14px; margin-left:15px; display:none; }
    #menu_modal .modal-header .close { top:10px; font-size:0; }
    #menu_modal .clearfix { padding:20px 20px; }
    #menu_modal .clearfix ul { float:left; width:50%; color:#787878; height:300px; }
    #menu_modal .clearfix ul li { line-height:1.5; font-size:14px; }
    #menu_modal .clearfix ul li.menu_title { color:#232323; font-size:20px; margin-bottom:5px; }
}
@media (min-width:768px) {
    #menu_modal .modal-header .title span { display:inline-block; }
    #menu_modal .clearfix ul { width:20%; }
}
@media (min-width:992px) {
    #menu_modal { padding-top:80px; }
    #menu_modal .clearfix { padding:25px 50px; }
}

/**************************************************
*   2.1 - #section1 (top_bg)
**************************************************/
@media (min-width:0) {
    #contents #section1 { background:url("../images/contents/bg_sub04.jpg") no-repeat center; background-size:cover; text-align:center; background-attachment:fixed; position:relative; height:190px; padding:60px 0; }
    #contents #section1 .tx1 { color:#fff; font-size:24px; text-shadow:1px 1px 5px rgba(0, 0, 0, 0.6); -webkit-text-shadow:1px 1px 5px rgba(0, 0, 0, 0.6); position:relative; margin-bottom:10px; }
    #contents #section1 .tx2 { color:#fff; font-size:14px; text-shadow:1px 1px 5px rgba(0, 0, 0, 0.6); -webkit-text-shadow:1px 1px 5px rgba(0, 0, 0, 0.6); }
}
@media (min-width:768px) {
    #contents #section1 .tx1 { font-size:32px; }
    #contents #section1 .tx2 { font-size:15px; }
}
@media (min-width:992px) { 	
    #contents #section1 { height:210px; }
	#contents #section1 .tx1 { font-size:42px; margin-bottom:15px; }
	#contents #section1 .tx2 { font-size:16px; }
}

/* section_tab */
@media (min-width:0) {
    .tab_sub { display:none; }
}
@media (min-width:992px) {
    .tab_sub { display:block; position:absolute; left:0; right:0; bottom:-20px; width:100%; z-index:3; font-size:0; }
    .tab_sub .section_tab { overflow:hidden; padding:0; padding-bottom:1px; border-left:1px solid #ccc; background-color:#fff; }
    .tab_sub .section_tab li { float:left; margin-bottom:-1px; }
    .tab_sub .section_tab li a { color:#787878; display:block; line-height:40px; font-size:14px; border:1px solid #ccc; border-left:0; }
    .tab_sub .section_tab li.on a { color:#fff; background-color:green; }
}

/**************************************************
*   2.2 - #section2 (개요)
**************************************************/
@media (min-width:0) {
    #contents #section2 .inner { overflow:hidden; }
    #contents #section2 .title { display:block; width:70%; margin:0 auto; text-align:center; padding:45px 0; font-size:16px; line-height:1.4; color:#787878; }
    #contents #section2 .flbox .txtbox { line-height:1.6; color:#787878; text-align:justify; font-size:14px; margin:20px 0; }
    
    #contents #section2 .ceoslider { position:relative; }
    #contents #section2 .ceoslider ul { position:relative; }
    #contents #section2 .ceoslider ul li .imgbox { background-size:cover; background-position:center; background-repeat:no-repeat; min-height:320px; }
    
    #contents #section2 .ceoslider .slick-arrow { position:absolute; top:50%; width:24px; height:24px; margin-top:-12px; font-size:0; text-indent:-9999px; z-index:45; opacity:0.6; transition:all 0.5s; }
    #contents #section2 .ceoslider .slick-prev { left:0; background:url(../images/contents/btn_prev_03.png) center center; background-size:contain; }
    #contents #section2 .ceoslider .slick-next{ right:0; background:url(../images/contents/btn_next_03.png) center center; background-size:contain; }
    #contents #section2 .ceoslider:hover .slick-arrow { opacity:1; }

    /* inputtable */
    #contents #section2 .inputtable { width:100%; border-top:1px solid #ccc; text-align:center; display:block; overflow:hidden; }
	#contents #section2 .inputtable tbody { display:block; }
    #contents #section2 .inputtable tr { display:block; width:100%; height:40px; line-height:40px; }
    #contents #section2 .inputtable tr th { display:inline-block; width:95px; float:left; font-size:13px; padding-left:5px; background:#f4f4f4; text-align:left; font-weight:400; color:#898989; vertical-align:middle; }
	#contents #section2 .inputtable tr td { display:inline-block; width:calc(100% - 95px); float:left; font-size:13px; padding-left:5px; text-align:left; color:#898989; vertical-align:middle; }
    #contents #section2 .inputtable tr td span { line-height:1.4; display:inline-block; vertical-align:middle; }
}
@media (min-width:480px) {
    /* inputtable */
    #contents #section2 .inputtable tr th { padding-left:10px; width:100px; border-bottom:1px solid #e5e5e5; }
    #contents #section2 .inputtable tr td { padding-left:10px; width:calc(100% - 100px); border-bottom:1px solid #e5e5e5; }
}
@media (min-width:768px) {
    #contents #section2 .title { font-size:22px; width:100%; }
	#contents #section2 .flbox { float:left; width:50%; }
    #contents #section2 .flbox .txtbox { font-size:16px; margin:40px 0; padding-right:20px; }
    #contents #section2 .frbox { float:left; width:50%; margin:40px 0; }
    #contents #section2 .ceoslider ul li .imgbox { min-height:450px; }
}
@media (min-width:992px) {
    /* inputtable */
    #contents #section2 .inputtable { width:100%; text-align:center; display:table; }
	#contents #section2 .inputtable tbody { display:inline-block; float:left; }
    #contents #section2 .inputtable tr { display:inline-block; height:45px; line-height:45px; }
    #contents #section2 .inputtable tr th { padding-left:15px; width:200px; font-size:15px; }
	#contents #section2 .inputtable tr td { padding-left:15px; width:calc(50% - 200px); font-size:15px; }
    #contents #section2 .inputtable tr td[colspan] { width:calc(100% - 200px); }
    #contents #section2 .ceoslider .slick-arrow { width:30px; height:30px; }
}

/**************************************************
*   2.3 - #section3 (인사말)
**************************************************/

/**************************************************
* 2.5 - 목사소개( 섬기는이 )
**************************************************/

#contents #section3 .title{ font-size:18px; color:#23657e; margin-bottom:15px; }
#contents #section3 .intro{ font-size:0; }
#contents #section3 .tabbox { margin:-5px 0 25px 0; font-size:0; }
#contents #section3 .tabbox li{ display:inline-block; margin:5px 0; margin-right:10px; }
#contents #section3 .tabbox li:last-child{ margin-right:0; }
#contents #section3 .tabbox li.on a{ background:#ccc; color:#fff; }
#contents #section3 .tabbox li a{ display:inline-block; padding:10px 15px; font-size:14px; border:1px solid #ccc; }

#contents #section3 .sec2 .intro_slide .img{ padding-bottom:30%; background-size:cover; background-position:center; }
#contents #section3 .sec2 .intro_slide .img{ padding-bottom:30%; background-size:cover; background-position:center; }

#contents #section3 .sec2 .intro_slide .slick-arrow { display:block; position:absolute; top:50%; width:35px; height:35px; margin-top:-17.5px; font-size:0; text-indent:-9999px; z-index:45; }
#contents #section3 .sec2 .intro_slide .slick-prev { left:0;  background:url("../images/contents/btn_prev_03.png") no-repeat 0 0; background-size:contain;  }
#contents #section3 .sec2 .intro_slide .slick-next { right:0; background:url("../images/contents/btn_next_03.png") no-repeat 0 0; background-size:contain; }

#contents #section3 .intro_pastor{ position:relative; font-size:0; margin-bottom:25px; }
#contents #section3 .intro_pastor .img{ display:inline-block; width:400px; padding-bottom:25%; background-size:cover; vertical-align:top; background-position:center; }
#contents #section3 .intro_pastor .txt { display:inline-block; width:calc( 100% - 400px); padding-left:20px; }
#contents #section3 .intro_pastor .txt strong{ display:block; color:#62acf9; margin-bottom:10px; font-size:18px; }

#contents #section3 .intro_pastor .txt .cont { width:100%; }
#contents #section3 .intro_pastor .txt .cont ul:last-child{ margin-right:0; }
#contents #section3 .intro_pastor .txt .cont ul li{ position:relative; font-size:14px; line-height:1.4; margin-bottom:5px; padding-left:15px; }
#contents #section3 .intro_pastor .txt .cont ul li::before{ position:absolute; content:'-'; left:0; }
#contents #section3 .intro_pastor .txt .cont ul li:last-child{ margin-bottom:0; }

#contents #section3 .sec3 { margin:25px 0; }
#contents #section3 .sec3 .sec3_ypick { text-align:right; margin:0 0 15px 0; }
#contents #section3 .sec3 .sec3_ypick select{ line-height:30px; height:30px; width:100%; max-width:200px; border:1px solid #ccc; padding:0 5px; }
#contents #section3 .sec3 ul.list { overflow:hidden; }
#contents #section3 .sec3 ul.list li{ border:1px solid #eee; margin-bottom:15px; }

#contents #section3 .sec3 .slick-list{ margin:0 -5px; }
#contents #section3 .sec3 .slick-slide{ margin:0 5px; }

#contents #section3 .sec3 .slick-arrow { display:block; position:absolute; top:50%; width:35px; height:35px; margin-top:-17.5px; font-size:0; text-indent:-9999px; z-index:45; }
#contents #section3 .sec3 .slick-prev { left:0;  background:url("../images/contents/btn_next_03.png") no-repeat 0 0; background-size:contain;  }
#contents #section3 .sec3 .slick-next { right:0; background:url("../images/contents/btn_next_03.png") no-repeat 0 0; background-size:contain; }

#contents #section3 .sec3 ul.list li .img{ padding-bottom:65%; background-size:cover; background-position:center; }
#contents #section3 .sec3 ul.list li .txt{ padding:20px; }
#contents #section3 .sec3 ul.list li .txt p{ margin-bottom:5px; }
#contents #section3 .sec3 ul.list li .txt p:last-child{ margin-bottom:0; }
#contents #section3 .sec3 ul.list li .txt .tx3{ text-align:right; }

#contents #section3 .sec4 ul.list { overflow:hidden; }
#contents #section3 .sec4 ul.list li{ float:left; width:24.25%; margin-right:1%; border:1px solid #eee; margin-bottom:15px; }
#contents #section3 .sec4 ul.list li:nth-child(4n){ margin-right:0; }
#contents #section3 .sec4 ul.list li .img{ padding-bottom:65%; background-size:cover; background-position:center; }
#contents #section3 .sec4 ul.list li .txt{ padding:20px; }
#contents #section3 .sec4 ul.list li .txt p{ margin-bottom:5px; }
#contents #section3 .sec4 ul.list li .txt p:last-child{ margin-bottom:0; }
#contents #section3 .sec4 ul.list li .txt .tx3{ text-align:right; }

@media (max-width:1024px) {
	#contents #section3 .sec3 ul.list li .txt{ padding:10%; }
	#contents #section3 .sec4 ul.list li .txt{ padding:10%; }
}

@media(max-width:992px){
	#contents #section3 .intro_pastor .img{ width:100%; display:block; margin:0 auto; padding-bottom:45%; }
	#contents #section3 .intro_pastor .txt{ width:100%; margin-top:25px; padding:0 20px; }
	
	#contents #section3 .sec4 ul.list li{ width:32.6666%; }
	#contents #section3 .sec4 ul.list li:nth-child(4n){ margin-right:1%; }
	#contents #section3 .sec4 ul.list li:nth-child(3n){ margin-right:0; }
}

@media(max-width:640px){
	#contents #section3 .sec4 ul.list li{ width:49.5%; }
	#contents #section3 .sec4 ul.list li:nth-child(3n){ margin-right:1%; }
	#contents #section3 .sec4 ul.list li:nth-child(2n){ margin-right:0; }
}


/**************************************************
*   2.4 - #section4 (경영철학과 이념)
**************************************************/
@media (min-width:0) {
    #contents #section4 .char { margin:40px 0; overflow:hidden; }
    #contents #section4 .char h5 { color:#787878; font-size:20px; margin:0 0 10px 0; }
    #contents #section4 .char .char_img { height:320px; overflow:hidden; position:relative; width:100%; }
    #contents #section4 .char .char_img p { color:#232323; font-size:30px; font-weight:bold; left:50px; line-height:35px; position:absolute; top:80px; line-height:1.4; }
    #contents #section4 .char .char_txt p { color:#787878; font-size:16px; line-height:1.6; padding:20px 0; text-indent:15px; }
    #contents #section4 .char .char_txt strong { color:#787878; display:block; float:right; font-size:22px; padding-top:10px; }
    #contents #section4 .philosophy { border:8px solid #ccc; margin:80px 0; padding:50px 0; }
    #contents #section4 .philosophy p.ptxt { color:#898989; font-size:27px; padding:0 5px 60px 5px; text-align:center; line-height:1.4; }
    #contents #section4 .philosophy p.ptxt span { color:#1b86d6; font-weight:normal; }
    #contents #section4 .philosophy>p small { display:block; font-size:16px; padding:5px 0 40px 0; }
    #contents #section4 .philosophy>p span { font-weight:bold; }
    #contents #section4 .philosophy ul { display:table; margin:0 auto; width:100%; }
    #contents #section4 .philosophy ul li { float:left; text-align:center; width:25%; }
    #contents #section4 .philosophy ul li.mrnone { margin-right:0; }
    #contents #section4 .philosophy ul li .rborder { display:table; border-radius:50%; box-sizing:border-box; height:200px; margin:0 auto; padding:25px; position:relative; text-align:center; width:200px; }
    #contents #section4 .philosophy ul li .rborder strong { color:#fff; display:block; font-size:32px; padding:35px 0 5px 0; }
    #contents #section4 .philosophy ul li .rborder strong.color1 { padding:5px 0 35px 0; }
    #contents #section4 .philosophy ul li .rborder p { display:table-cell; vertical-align:middle; color:#fff; font-size:18px; line-height:1.4; margin:0 auto; padding:5px 0; width:80%; }
    #contents #section4 .philosophy ul li .rborder p.pt40 { padding:10px 0 5px 0; }
    #contents #section4 .philosophy ul li .rborder small { display:block; font-size:15px; font-weight:bold; margin:0 auto; padding-top:10px; width:10px; }
    #contents #section4 .philosophy ul li .rborder small.pt40 { padding-top:25px; }
    #contents #section4 .philosophy ul li:first-child .rborder { background:#1b86d5; }
    #contents #section4 .philosophy ul li:nth-child(2) .rborder { background:#269333; }
    #contents #section4 .philosophy ul li:nth-child(3) .rborder { background:#269333; }
    #contents #section4 .philosophy ul li:last-child .rborder { background:#52aea5; }
}
@media (max-width:992px) { 	
    #contents #section4 .bx-wrapper img { margin:0 auto; }
	#contents #section4 .sectionp { width:70%; }
	#contents #section4 .philosophy ul li .rborder small.pt40 { padding-top:6px; }
	#contents #section4 .philosophy ul li { float:left; }
	#contents #section4 .philosophy ul li .rborder { height:150px; width:150px; }
	#contents #section4 .philosophy>p { font-size:16px; line-height:24px; }
	#contents #section4 .philosophy>p small { font-size:14px; }
	#contents #section4 .philosophy ul li .rborder strong { font-size:23px; padding:0 0; }
	#contents #section4 .philosophy ul li .rborder p { padding:10px 0; }
}
@media (max-width:640px) { 	
    #contents #section4 .philosophy ul li.mrnone { text-align:center; }
	#contents #section4 .philosophy ul li { margin:5px 0; width:50%; }
	#contents #section4 .philosophy ul li .rborder { height:145px; width:145px; }
	#contents #section4 .philosophy p.ptxt { font-size:18px; }
	#contents #section4 { padding-bottom:40px; }
	#contents #section4 .right8 .slideBox { width:100%; }
	#contents #section4 .char .char_txt p { font-size:14px; }
	#contents #section4 p { font-size:13px; }
}
@media (max-width:487px) { 	
    #contents #section4 .philosophy ul { width:100%; }
	#contents #section4 .philosophy ul li { width:100%; }
	#contents #section4 .philosophy ul li .rborder p { width:100%; }
	#contents #section4 .philosophy ul li .rborder small.top { left:50%; margin-left:-20px; padding-top:0; position:absolute; top:-23px; }
}

/**************************************************
*   2.5 - #section5 (스텝소개)
**************************************************/
@media (min-width:0) {
    #contents #section5 { clear:both; }
	
	#contents #section5 .group_tab .tabbox { font-size:0; margin-bottom:10px; }
    #contents #section5 .group_tab .tabbox li { display:inline-block; height:32px; line-height:32px; padding:0 5px; margin-bottom:10px; }
    #contents #section5 .group_tab .tabbox li a { border-bottom:1.5px solid transparent; display:block; text-align:center; color:#666; font-size:12px; padding:0 10px; }
    #contents #section5 .group_tab .tabbox li.on a { border-bottom-color:#999; }
	
	#contents #section5 ul {}
	#contents #section5 ul.person li{ float:left; width:32%; height:220px; margin-bottom:10px; margin-right:2%; overflow:hidden; box-sizing:border-box; border:1px solid #ccc;  }
	#contents #section5 ul.person li .inner{ padding: 0 0; width:100%; height:100%;}
	#contents #section5 ul.person li .picArea{ float:left; width:50%; height:100%; overflow:hidden; }
	#contents #section5 ul.person li .picArea .stepic{ width:100%; height:100%; background-position:center; background-size:contain; background-repeat:no-repeat; }
	#contents #section5 ul.person li .cont{ float:left; width:50%; height:100%; position: relative;}

	#contents #section5 ul.person li dl{ position: relative; padding:90px 20px; }  
	#contents #section5 ul.person li dt{ position:absolute; top: 50%; width: 60px; height: 60px; line-height: 60px; padding-top: 0; margin: -30px 0 0 -52px; font-size: 15px; background:#0073b4; text-align:center; color:#fff; border-radius:50%; font-size:12px; }
	#contents #section5 ul.person li dd.name{ text-align:center; color:#787878; }
	#contents #section5 ul.person li dd.name strong{ display:block; font-size:16px; padding-bottom:5px;} 
	#contents #section5 ul.person li dd.name em{ font-size:12px; } 

	#contents #section5 ul.person li dd.sns{ float:right; padding-top: 40px;}
	#contents #section5 ul.person li dd.sns a{ display:block; background:#6b6b6b; float:left; margin-left:2px; width:25px; height:25px; text-align:center; line-height:25px; font-weight:bold; color:#fff; }
	#contents #section5 ul.person li dd.sns a img{ width:auto; height:auto; }

	#contents #section5 ul.person li.mr1{ margin-right:0%;}
	#contents #section5 .ceo{ float:left; width:32%; height:450px; margin-right:2%; box-sizing:border-box; border:1px solid #ccc; }
	#contents #section5 .ceo .inner{ padding: 0 0; width:100%; }
	#contents #section5 .ceo .picArea{ overflow:hidden; width:100%; height:250px; position:relative; text-align:center;}
	#contents #section5 .ceo .picArea .ceopic{ width:100%; height:100%; background-position:center; background-size:contain; background-repeat:no-repeat; }
	#contents #section5 .ceo .cont{ width:100%; height:200px; }
	#contents #section5 .ceo dl{ position: relative; padding:60px 20px; }   
	#contents #section5 .ceo dt{ position:absolute; left: 50%; width: 90px; height: 90px; line-height: 90px; margin: -105px 0 0 -45px; font-size: 15px; background:#0073b4; text-align:center; color:#fff; border-radius:50%; }

	#contents #section5 .ceo dd.name { color:#787878; }
	#contents #section5 .ceo dd.name strong{ display:block; font-size:22px; padding-bottom:5px; } 
	#contents #section5 .ceo dd.sns{ float:right; padding-top: 40px;}
	#contents #section5 .ceo dd.sns a{ display:block; background:#6b6b6b; float:left; margin-left:2px; width:25px; height:25px; text-align:center; line-height:25px; font-weight:bold; color:#fff; }
	#contents #section5 .ceo dd.sns a img{ width:auto; height:auto; }
}
@media (min-width:640px) {
	#contents #section5 .group_tab .tabbox li a { font-size:15px; }
	
    
}
@media (min-width:768px) {
	#contents #section5 .group_tab .tabbox li { height:35px; line-height:35px; }
}

@media (max-width:1220px) {

	#contents #section5 ul.person li{ width:48%; margin-right:2%; }
	#contents #section5 .ceo{ width:48%; }
	#contents #section5 .ceo dt{ margin: -105px 0 0 -45px; }
}
@media (max-width:640px) { 
	#contents #section5 ul.person li{ width:100%; margin-right:0%; }
	#contents #section5 .ceo{ width:100%; margin-right:0; margin-bottom:10px; }
	#contents #section5 .ceo .cont{ max-height:200px; }
	#contents #section5 .ceo{ height:auto; }
}
@media (max-width:480px) {
	#contents #section5 ul.person li{ height:auto; }
	#contents #section5 ul.person li .picArea{ height:185px; }
	#contents #section5 ul.person li dl{ padding:70px 20px; }
	#contents #section5 ul.person li dd.sns{ padding-top:20px; }
}
/* 모달창 */
@media (min-width:0) {
	#contents #section5 .modal .btn_close { text-align:center; }
	#contents #section5 .modal .close { display:block; width:40px; height:40px; background-color:#000; right:0; top:-40px; }
	#contents #section5 .modal .close img { width:16px; height:16px; position:relative; top:3px; }
    #contents #section5 .modal-title { font-size:18px; padding:0 0 10px; }
    #contents #section5 .modal-content { padding:10px; }
	#contents #section5 .modal-content .imgbox { border:1px solid #ccc; box-sizing:border-box; background-size:contain; background-position:center; background-repeat:no-repeat; min-height:240px; }
	#contents #section5 .modal-content .txtbox { padding-top:10px; text-align:left; line-height:1.4; }
    #contents #section5 .modal-content .txt1 { font-size:20px; }
    #contents #section5 .modal-content .txt2 { margin-bottom:10px; font-size:13px; }
	#contents #section5 .modal-content ul { height:160px; overflow:auto; }
    
}
@media (min-width:768px) {
    #contents #section5 .modal-title { font-size:20px; }
	#contents #section5 .modal-content { padding:20px; }
	#contents #section5 .modal-content .imgbox { height:320px; }
}

/**************************************************
*   2.6 - #section6 (연혁)
**************************************************/
@media (min-width:0) {
    #contents #section6 { clear:both; overflow:hidden; }
    #contents #section6 h5 { color:#227db2; float:left; font-size:22px; margin:0 0; padding:25px 0 10px 0; text-align:left; width:55%; }
    #contents #section6 h5.fr { float:right; padding-left:4%; }
    #contents #section6 h5 small { color:#787878; display:block; font-size:15px; padding-top:8px; }
    #contents #section6 h6 { color:#787878; font-size:28px; margin:0 0 10px 0; text-align:left; }
    #contents #section6 .timeline { color:#797979; overflow:hidden; padding-bottom:50px; }
    #contents #section6 .timeline ul li { margin-bottom:20px; min-height:250px; overflow:hidden; }
    #contents #section6 .content { box-sizing:border-box; float:left; padding:0 30px; width:49%; }
    #contents #section6 .content dl { max-height:250px;  overflow-y:auto; }
    #contents #section6 .content dd, #contents #section6 .content dt { float:left; padding:6px 0; }
    #contents #section6 .content dt { clear:both; width:22%; }
    #contents #section6 .content dd { width:75%; line-height:1.4; }
    #contents #section6 .imgbox { background:url(../images/contents/company_bg.jpg) center center no-repeat; background-size:cover; border:1px solid #ccc; box-sizing:border-box; float:left; height:250px; overflow:hidden; width:51%; }
    #contents #section6 .timeline ul li:nth-child(even) .imgbox { float:right; }
    #contents #section6 .timeline ul li:nth-child(even) .content { float:left; }
}
@media (max-width:1200px) { 	
    #contents #section6 .content { padding:0 20px; }
    #contents #section6 .content dl { max-height:210px; }
}
@media (max-width:640px) { 	
    #contents #section6 h5 { font-size:18px; width:100%; }
	#contents #section6 h5 small { font-size:14px; }
	#contents #section6 .content { padding:0 0; width:100%; }
    #contents #section6 .content dl { height:auto; }
	#contents #section6 .content dt { font-weight:bold; text-align:center; }
	#contents #section6 h6 { font-size:22px; margin:15px 0 10px 0; }
	#contents #section6 .content { padding:0 10px; }
	#contents #section6 .imgbox { width:100%; }
	#contents #section6 h5.fr { float:left; padding-left:0; }
}

/**************************************************
*   2.7 - #section7 (조직도)
**************************************************/

/* 조직도 */
#contents #section7 .organiz{ overflow:hidden; }
#contents #section7 .boxCeo h4{height:68px;line-height:55px;color:#fff;font-size:22px;text-align:center;background-color:#7b6f59; margin: 0 0;}
#contents #section7 .boxCeo h4::after{ display:none; }
#contents #section7 h5{ margin: 0 0; font-size: 18px; margin-bottom:20px; color:#787878; text-align:left; }
#contents #section7 .boxCeo h4 span{display:block;margin-top:-36px;font-weight:normal;font-size:12px;}
#contents #section7 .boxCeo ul li{margin-left:10px;background:url(../images/contents/line_vDotted.png) repeat-y}
#contents #section7 .boxCeo ul li .t{height:34px;line-height:34px;padding-left:13px;background:url(../images/contents/line_hDotted.png) no-repeat left center; color:#787878; }
#contents #section7 .boxCeo ul li.end{background:url(../images/contents/line_endDotted.png) no-repeat left top}
#contents #section7 .boxCeo ul li.end .t{background:none}


#contents #section7 .group > .box{margin:35px 0; color:#787878; }
#contents #section7 .group > .box.box01{margin-top:0}
#contents #section7 .group > .box h6{float:left;margin-right:15px;}
#contents #section7 .group > .box .tel,
#contents #section7 .group > .box .t{float:left;}
#contents #section7 .group > .box .tel{height:34px;line-height:34px}
#contents #section7 .group > .box .tel a{margin-left:5px;}
#contents #section7 .group > .box > ul > li{margin:5px 0;}
#contents #section7 .group > .box > ul > li .tit{display:inline-block;width:150px;height:34px;line-height:34px;padding:0 10px;color:#fff;text-align:center;font-weight:normal; }
#contents #section7 .group > .box > ul > li .tit.eg{background:#22bdb7; }
#contents #section7 .group > .box > ul > li .tit.ac{background:#cda05f; }
#contents #section7 .group > .box > ul > li .tit.cm{background:#99948e; }
#contents #section7 .group > .box > ul > li .tit.mn{background:#487aad; }
#contents #section7 .group > .box > ul > li .tit.ab{background:#6a802d; }

#contents #section7 .group > .box .subGroup .tit{float:none}
#contents #section7 .group > .box .subGroup ul li{margin-left:10px;background:url(../images/contents/line_vDotted.png) repeat-y}
#contents #section7 .group > .box .subGroup ul li .t{float:left;height:34px;line-height:34px;padding-left:13px;margin-right:10px;background:url(../images/contents/line_hDotted.png) no-repeat left center}
#contents #section7 .group > .box .subGroup ul li.end{background:url(../images/contents/line_endDotted.png) no-repeat left top}
#contents #section7 .group > .box .subGroup ul li.end .t{background:none}
#contents #section7 .group > .box > ul > li:after,
#contents #section7 .group > .box > ul > li > ul > li:after{content:"";display:block;clear:both}

@media all and (max-width:640px) {
    #contents #section7 .group{margin-top:30px}
}
@media all and (min-width:480px) and (max-width:640px) {
	#contents #section7 .group > .box{float:left; width:50%; padding:0 10px; }
	#contents #section7 .group > .box.box02{margin-top:0}
	#contents #section7 .group > .box > ul > li .tit{ width:100%; }
}
@media all and (min-width:640px) and (max-width:1023px) {
    /* company group */

    #contents #section7 .boxCeo{float:left;width:30%;}
    #contents #section7 .group{float:right;width:70%; }
	#contents #section7 .group > .box{float:left; width:50%; padding:0 15px; }
	#contents #section7 .group > .box.box02{margin-top:0}
	#contents #section7 .group > .box > ul > li .tit{ width:100%; }
}
@media all and (min-width:1024px) and (max-width:1351px) {
    /* company group */
        
    #contents #section7 .boxCeo{float:left;width:25%;}
    #contents #section7 .group{float:right;width:65%;}
	#contents #section7 .group > .box{float:left;width:50%;}
	#contents #section7 .group > .box.box02{margin-top:0}
}
@media all and (min-width:1352px) {
    /* company group */

    #contents #section7 .boxCeo{float:left;width:25%;}
    #contents #section7 .group{float:right;width:65%;}
	#contents #section7 .group > .box{float:left;width:50%;}
	#contents #section7 .group > .box.box02{margin-top:0}
}

/**************************************************
*   2.8 - #section8 (CI/BI)
**************************************************/
@media (min-width:0) {
    #contents #section8 { clear:both; }
    #contents #section8 h5 { color:#787878; font-size:22px; margin:60px 0 0 0; text-align:center; }
    #contents #section8 h6 { color:#888888; font-size:16px; letter-spacing:0; padding-bottom:7px; }
    #contents #section8 .cibox { overflow:hidden; padding-top:40px; width:100%; }
    #contents #section8 .ciimg { background:url(../images/contents/grid.png); border:1px solid #ddd; box-sizing:border-box; text-align:center; width:100%; }
    #contents #section8 .ciimg1 { padding:140px 0; }
    #contents #section8 .ciimg2 { padding:45px 0; }
    #contents #section8 .ciimg .imgbox { height:100%; background-size:contain; background-position:center; background-repeat:no-repeat; width:100%; min-height:60px; width:auto; }
    #contents #section8 .ciimg1 .imgbox { height:100%; }
    #contents #section8 .cibox li:nth-child(2) { margin-bottom:20px; }
    #contents #section8 .cibox img { max-height:100%; max-width:100%; }
    #contents #section8 p { color:#797979; }
    #contents #section8 .sec1 .cibox li { float:left; overflow:hidden; }
    #contents #section8 .sec1 .cibox li:first-child { height:426px; margin-right:10px; width:calc(60% - 10px); }
    #contents #section8 .sec1 .cibox li .ciimg { background:url(../images/contents/grid.png); border:1px solid #ddd; box-sizing:border-box; float:left; height:403px; text-align:center; width:100%; }
    #contents #section8 .sec1 .cibox li.w40 { width:40%; }
    #contents #section8 .sec1 .cibox li.w40 .ciimg { height:180px; }
    #contents #section8 .sec1 .cibox li.w40 .ciimg2.mb { margin-bottom:20px; }
    #contents #section8 .sec1 p { font-size:16px; padding:20px 0; text-align:center; }
    #contents #section8 .sec1 p strong { color:#44c7c1; display:block; font-size:21px; padding-bottom:8px; }
    #contents #section8 .sec2 { overflow:hidden; padding:20px 0 40px 0; }
    #contents #section8 .sec2 p { font-size:16px; line-height:20px; padding:5px 0; }
    #contents #section8 .sec2 .color_div { padding:20px 0; font-size:0; text-align:center; max-width:992px; margin:0 auto; }
 
    #contents #section8 .sec2 .color_div .color_box { text-align:center; margin-bottom:40px; }
    #contents #section8 .sec2 .color_div .color_box:last-child{ margin-bottom:0; }
    #contents #section8 .sec2 .color_div .color_box p { display:inline-block; border-radius:50%; color:#fff; font-weight:bold; height:150px; padding:50px 0; width:150px; vertical-align:middle; }

    #contents #section8 .sec2 .color_div .color_box p.color1{ background:#602555; }
    #contents #section8 .sec2 .color_div .color_box p.color2{ background:#ae99b6; }
	
    #contents #section8 .sec2 .color_div .color_box .txt { display:inline-block; width:calc( 100% - 150px); padding-left:20px; vertical-align:middle; }
    #contents #section8 .sec2 .color_div .color_box .txt ul { float:left; font-size:16px; width:50%; padding:0 15px; width:100%; margin-bottom:25px; }
    #contents #section8 .sec2 .color_div .color_box .txt ul:last-child{ margin-bottom:0; }
    #contents #section8 .sec2 .color_div .color_box .txt ul li { color:#878787; font-size:16px; padding:3px 0; text-align:center; }
    #contents #section8 .sec2 .color_div .color_box .txt ul li.title { font-size:18px; font-weight:bold; }
}
@media (max-width: 992px) { 	
    #contents #section8 .cibox { padding-top:20px; }
}
@media (max-width: 768px) { 	

	#contents #section8 .sec2 .color_div{ padding:0; } 
	#contents #section8 .sec2 .color_div .color_box { margin-top:25px; }
	#contents #section8 .sec2 .color_div .color_box p{ width:100%;  border-radius:0; height:auto; padding:20px 0; }
	#contents #section8 .sec2 .color_div .color_box .txt { width:100%; padding-left:0; margin-top:20px; }
	#contents #section8 .sec2 .color_div p { float:none; margin:0 auto; }
	#contents #section8 .sec2 .color_div ul li.title { font-size:14px; font-weight:bold; }
	#contents #section8 .sec2 .color_div ul li { font-size:12px; font-weight:bold; }
}

@media (max-width: 640px) { 	
    #contents #section8 .sec1 .cibox li:first-child { margin-bottom:20px; width:100%; }
	#contents #section8 .sec1 .cibox li.w40 { width:49.5%; }
	#contents #section8 .sec1 .cibox li:last-child { margin-left:1%; }
	#contents #section8 .sec1 .cibox li:nth-child(2) { clear:both; }
	#contents #section8 h5 { font-size:18px; }
	#contents #section8 .sec1 p { font-size:14px; }
	#contents #section8 .sec1 p strong { font-size:16px; }
	#contents #section8 .sec2 p { font-size:14px; }
}
@media (max-width: 480px) { 	
    #contents #section8 .sec1 .cibox li.w40 { width:100%; }
	#contents #section8 .sec1 .cibox li:last-child { margin-left:0%; }
}

/**************************************************
*   2.9 - #section9 (입력폼 - 제휴문의/고객의소리)
**************************************************/
@media (min-width:0) {
    #contents #section9 > * { color:#787878; }
    #contents #section9 .section_inner { margin-bottom:20px; }
    #contents #section9 .section_inner .form_row label { cursor:inherit; width:100%; font-size:15px; box-sizing:border-box; }
    #contents #section9 .section_inner .form_row label b { font-weight:400; color:#666; }
    #contents #section9 .section_inner .form_row small { color:#ec2027; vertical-align:middle; }
    
    #contents #section9 .section_inner .form_row .input_wrap { width:100%; }
    #contents #section9 .section_inner .form_row .input_wrap select { border:1px solid #cccccc; height:30px; line-height:29px; margin:7px 0; padding-left:10px; color:#787878; font-size:14px; width:200px; background:url("../images/contents/icon_down_01.png") no-repeat 95% 50%; }
    #contents #section9 .section_inner .form_row .input_wrap.select_wrap .dropdown { margin:10px 1px 10px 0; }
    #contents #section9 .section_inner .form_row .input_wrap.select_wrap .dropdown .dropbtn { background-color:#fff; border:1px solid #ccc; color:#787878; height:29px; line-height:29px; padding:0 5px; text-align:left; width:50px; }
    #contents #section9 .section_inner .form_row .input_wrap.select_wrap .dropdown .dropbtn i { float:right; line-height:29px; }
    #contents #section9 .section_inner .form_row .input_wrap.select_wrap .dropdown-content { box-sizing:border-box; min-width:100%; }
    
    #contents #section9 .section_inner .form_row .input_wrap #file { position:relative; }
    #contents #section9 .section_inner .form_row .input_wrap .file_input_textbox { width:100%; }
    #contents #section9 .section_inner .form_row .input_wrap .file_input_div { position:absolute; right:0; top:7px; }
    
	#contents #section9 .section_inner .form_row .input_wrap ul { width:100%; }
	#contents #section9 .section_inner .form_row .input_wrap ul li { float:left; width:30%; }
	#contents #section9 .section_inner .form_row .input_wrap ul li.w10 { text-align:center; width:auto; font-size:11px; padding:17px 7px; }
	#contents #section9 .section_inner .form_row .input_wrap ul li.w15 { padding:10px 5px; text-align:center; width:auto; }
    #contents #section9 .section_inner .form_row .input_wrap ul li select { width:100%; }
    #contents #section9 .section_inner .form_row .input_wrap ul li.last { margin-left:1%; }

    #contents #section9 .section_inner .form_row .input_wrap .myrating { margin:11px 0; }
    #contents #section9 .section_inner .form_row .input_wrap .myrating span { font-size:14px; line-height:27px; margin-right:2px; }
    #contents #section9 .section_inner .form_row .input_wrap .myrating .grade { color:#333333; margin-left:10px; }
    
    #contents #section9 .section_inner .form_row .caption { color:#aaa; display:block; margin-bottom:10px; }
    
    #contents #section9 .section_inner .form_row .input_wrap.captchabox { display:inline-block; vertical-align:middle; }
    #contents #section9 .section_inner .form_row .input_wrap.captchabox .imgbox { border:1px solid #ccc; overflow:hidden; margin-top:8px; }
    #contents #section9 .section_inner .form_row .input_wrap.captchabox input { float:left; width:calc(100% - 84px); }
    #contents #section9 .section_inner .form_row .input_wrap.captchabox a { display:inline-block; width:30px; height:30px; font-size:14px; padding:7px; border:1px solid #ccc; margin:7px 0; margin-left:3px; }
    
    #contents #section9 .box { border:1px solid #ccc; box-sizing:border-box; font-size:14px; line-height:1.4; padding:15px; height:150px; overflow-y:auto; }
    #contents #section9 .cbox { clear:both; }
    #contents #section9 .cbox input { margin-right:5px; }
	#contents #section9 .cbox label { color:#666; }
}
@media (min-width:640px) { 	
    #contents #section9 .section_inner .form_row .input_wrap.select_wrap .dropdown { margin-right:3px; }
}
@media (min-width:768px) { 	
    #contents #section9 .section_inner .form_row { background-color:#f9f9f9; border-bottom:1px solid #cccc; overflow:hidden; }
    #contents #section9 .section_inner .form_row:nth-of-type(1) { border-top:1px solid #cccccc; }
    #contents #section9 .section_inner .form_row:nth-last-of-type(1) { border-bottom:1px solid #cccccc; }
    #contents #section9 .section_inner .form_row label { float:left; line-height:50px; width:120px; padding:0 10px; }
	
    #contents #section9 .section_inner .form_row .input_wrap, #contents #section9 .section_inner .form_row .text_wrap { float:left; vertical-align:middle; width:calc(100% - 120px); background-color:#ffffff; box-sizing:border-box; padding:0 15px; }
    
    #contents #section9 .section_inner .form_row .input_wrap select { margin:11px 0; }
    #contents #section9 .section_inner .form_row .input_wrap input { margin:11px 0; width:60%; }
    #contents #section9 .section_inner .form_row .input_wrap.select_wrap .dropdown .dropbtn { width:60px; }
    
    #contents #section9 .section_inner .form_row .input_wrap .file_input_textbox { width:80%; }
    #contents #section9 .section_inner .form_row .input_wrap .file_input_div { right:20%; top:10px; }
    
	#contents #section9 .section_inner .form_row .text_wrap textarea { margin:11px 0; }
	#contents #section9 .section_inner .form_row .input_wrap .dropdown .dropbtn_default { width:210px; }
    #contents #section9 .section_inner .form_row .input_wrap ul li.w15 { padding:17px 7px; }
    #contents #section9 .section_inner .form_row .input_wrap ul li input { width:100%; }
    
    #contents #section9 .section_inner .form_row .input_wrap.captchabox a { margin:10px 0; margin-left:3px; }
    
    #contents #section9 .box { padding:20px; }
    
}
@media (min-width:1024px) { 	
	#contents #section9 .section .btn_group { margin-top:40px; }
}

/**************************************************
*   2.10 - #section10 (협력업체)
**************************************************/
@media (min-width:0) {
	#contents #section10 .partner_tab .tabbox { font-size:0; margin-bottom:30px; }
    #contents #section10 .partner_tab .tabbox li { display:inline-block; height:34px; line-height:34px; max-width:120px; width:25%; }
    #contents #section10 .partner_tab .tabbox li a { border-bottom:1.5px solid transparent; display:block; text-align:center; color:#666; font-size:12px; }
    #contents #section10 .partner_tab .tabbox li.on a { border-bottom-color:#999; }
	
    #contents #section10 .partner .sub_brand { box-sizing:border-box; margin:0 auto; padding:0px; width:100%; }
    #contents #section10 .partner .sub_brand h5 { color:#787878; font-size:18px; margin:5px 0; padding-bottom:5px; text-align:left; }
    #contents #section10 .partner .sub_brand li { border:1px solid #ddd; box-sizing:border-box; float:left; margin-bottom:15px; margin-right:15px; padding:20px 30px; text-align:center; width:calc(33.33% - 10px); }
    #contents #section10 .partner .sub_brand li:nth-child(3n) { margin-right:0; }
    #contents #section10 .partner .sub_brand li .imgbox { background-size:contain; background-position:center; background-repeat:no-repeat; min-height:80px; width:auto; }
    #contents #section10 .partner .sub_brand li .txt1 { color:rgb(102, 102, 102); font-size:13px; height:40px; line-height:20px; text-align:left; }
}
@media (min-width:640px) {
	#contents #section10 .partner_tab .tabbox li a { font-size:15px; }
}
@media (min-width:768px) {
	#contents #section10 .partner_tab .tabbox li { height:44px; line-height:44px; }
}

@media (max-width:640px) { 	
    #contents #section10 .partner .sub_brand li { margin-right:15px !important; width:calc(50% - 8.5px); }
	#contents #section10 .partner .sub_brand li:nth-child(2n) { margin-right:0 !important; }
}

/**************************************************
*   2.11 - #section11 (지사안내)
**************************************************/
@media (min-width:0) {
    #contents #section11 .sub07-round-box { border-bottom:1px solid #cccccc; border-top:2px solid #343434; margin-bottom:25px; overflow:hidden; position:relative; text-align:left; padding:10px; }
	#contents #section11 .sub07-round-box span { color:#666; display:block; float:left; line-height:32px; text-align:center; width:60px; }
	
	#contents #section11 .sub07-round-box .divbox { margin-bottom:5px; }
	#contents #section11 .sub07-round-box .select-area { width:60px; display:inline-block; }
	#contents #section11 .sub07-round-box .select-area select { background:#fff url(../images/contents/icon_down_01.png) no-repeat 90% 50%; border:1px solid #ccc; height:30px; line-height:30px; display:inline-block; width:100%; padding-left:5px; color:#666; }
	
	#contents #section11 .sub07-round-box .divbox.w70 { position:relative; }
	#contents #section11 .sub07-round-box .divbox.w70 span { margin:7px 0; }
	#contents #section11 .sub07-round-box .divbox.w70 .select-area { display:inline-block; }
	#contents #section11 .sub07-round-box .sub07_areaName { display:inline-block; width:calc(100% - 145px); }
	#contents #section11 .sub07-round-box .btn-search07 { background:#787878; color:#fff; line-height:30px; width:70px; position:absolute; right:0; top:0; font-size:13px; }
    
	#contents #section11 label.color1 { background:#af1f1f; }
	#contents #section11 label.color2 { background:#0071b3; }
	#contents #section11 label.color3 { background:#ff9c00; }
	
    #contents #section11 .sub07-maxBox { margin-bottom:30px; }
    #contents #section11 .sub07-maxBox .areaBox { box-sizing:border-box; display:inline-block; float:left; width:100%; height:auto; padding-bottom:30px; }
    #contents #section11 .sub07-maxBox .areaBox .table_num { margin:15px 0 0 0; }
    #contents #section11 .sub07-maxBox .areaList { border-bottom:1px solid #cccccc; border-top:1px solid #cccccc; height:auto; max-height:430px; overflow-x:hidden; width:100%; }
    #contents #section11 .sub07-maxBox .areaList table { width:100%; }
    #contents #section11 .sub07-maxBox .areaList tr { border-bottom:1px solid #c5c5c5; }
    #contents #section11 .sub07-maxBox .areaList th { width:40%; font-weight:normal; cursor:pointer; }
    #contents #section11 .sub07-maxBox .areaList th p { color:#787878; cursor:pointer; font-size:14px; }
    #contents #section11 .sub07-maxBox .areaList td .td-box { border-left:1px solid #cccccc; font-size:13px; height:80%; padding:20px 8px; }
    #contents #section11 .sub07-maxBox .areaList td { color:#929292; font-size:14px; line-height:22px; padding:10px 0; width:60%; }
    #contents #section11 .sub07-maxBox .areaList td span { color:#6f6f6f; }
    #contents #section11 .sub07-maxBox .areaList td span.tel { color:#ff5349; }
    
    #contents #section11 .sub07-maxBox .map_cont { height:500px; position:relative; }
    #contents #section11 .sub07-maxBox .map_cont iframe{ position:absolute; width:100%; height:100%; }
    #contents #section11 .sub07-maxBox .mapBox { display:none; float:right; height:500px; position:relative; vertical-align:top; width:100%; }
    #contents #section11 .sub07-maxBox .mapBox > img { height:100%; width:100%; }
    
    #contents #section11 .mapLayer { background:#fff; border:3px solid #00ada9; height:171px; height:auto; left:5%; padding:40px 20px; position:absolute; text-align:left; top:85px; width:423px; width:90%; }
    #contents #section11 .mapLayer .logoBox { margin-bottom:20px; text-align:center; }
    #contents #section11 .mapLayer .logoBox strong { display:block; font-size:18px; padding-bottom:2px; }
    #contents #section11 .mapLayer .close { cursor:pointer; height:33px !important; position:absolute; right:-2px; top:-36px; width:31px !important; }
    #contents #section11 .mapLayer ul { }
    #contents #section11 .mapLayer ul li { background-position:0 .5em; background-repeat:no-repeat; color:#6f6f6f; font-size:14px; line-height:22px; margin:2px 0; overflow:hidden; padding-left:12px; }
    #contents #section11 .mapLayer ul li label { color:#fff; display:block; line-height:22px; text-align:center; }
    #contents #section11 .mapLayer ul li dt,#contents #section11 .mapLayer ul li dd { float:left; }
    #contents #section11 .mapLayer ul li dt { box-sizing:border-box; clear:both; padding-right:5px; width:25%; }
    #contents #section11 .mapLayer ul li dd { width:75%; }
}
@media (min-width:640px) {
    #contents #section11 .sub07-round-box span { font-size:15px; margin-right:10px; }
	#contents #section11 .sub07-round-box .select-area { width:70px; }
	
	#contents #section11 .sub07-round-box .divbox.w70 span { margin-right:10px; }
	#contents #section11 .sub07-round-box .sub07_areaName { width:calc(100% - 155px); }
	
    #contents #section11 .sub07-maxBox .areaList th p { font-size:15px; }
}
@media (min-width:768px) {
	#contents #section11 .sub07-round-box .select-area { width:80px; }
}
@media (min-width:992px) {
    #contents #section11 .sub07-round-box { padding:20px 50px; }
	#contents #section11 .sub07-round-box .divbox { margin-bottom:0; }
	#contents #section11 .sub07-round-box div.w30 { float:left; width:40%; }
	#contents #section11 .sub07-round-box div.w70 { float:left; width:60%; }
	
	#contents #section11 .sub07-round-box .divbox.w70 span { margin:0; margin-right:10px; }
	#contents #section11 .sub07-round-box .sub07_areaName { margin:0; }
	#contents #section11 .sub07-round-box .btn-search07 { margin:0; }
}
@media (min-width:1024px) {
    #contents #section11 .sub07-maxBox .areaBox { width:50%; height:460px; padding-bottom:0; padding-right:9px; }
    #contents #section11 .sub07-maxBox .mapBox { width:50%; display:inline-block; }
}
@media (min-width:1200px) {
	#contents #section11 .sub07-maxBox .areaList th { cursor:inherit; }
}

/* 모달창 */
@media (min-width:0) {
	#contents #section11 .modal .modal-content { padding:10px; padding-top:5px; }
	#contents #section11 .modal .close { color:#fff; width:40px; height:40px; padding:12px; text-align:center; margin-bottom:10px; background-color:#000; top:-40px; right:0; }
	#contents #section11 .modal .close img { margin-bottom:10px; }
	#contents #section11 .modal .flbox iframe { height:300px; width:100%; }
	#contents #section11 .modal .frbox label { color:#fff; font-size:15px; padding:5px 0; text-align:center; width:100%; }
	#contents #section11 .modal .frbox p { font-size:14px; line-height:18px; padding:5px 0; text-align:center; }
}

/**************************************************
*   2.12 - #section12 (오시는길)
**************************************************/
@media (min-width:0) {
    #contents #section12 { clear:both; }
    #contents #section12 .maps { overflow:hidden; }
    #contents #section12 .maps .video-container { padding:0; min-height:420px; }
    #contents #section12 .maps .video-container iframe { height:100%; width:100%; }
    #contents #section12 h5 { border-bottom:1px solid #232323; color:#232323; font-size:24px; font-weight:500; line-height:1; margin:10px 0 15px; padding-bottom:10px; text-align:left; }
    #contents #section12 h6 { color:#232323; font-size:16px; margin:3px 0 5px 0; font-weight:500; }
    #contents #section12 .loca p { color:#787878; font-size:17px; line-height:1.4; }
    #contents #section12 .loca { margin-bottom:15px; }
    #contents #section12 .loca2 { width:100%; clear:both; }
    #contents #section12 .loca2 .icon { float:left; height:80px; width:25%; max-width:120px; }
    #contents #section12 .loca2 .icon span { color:#fff; display:block; font-size:26px; font-weight:bold; height:70px; line-height:70px; text-align:center; width:100%; min-width:70px; }
    #contents #section12 .loca2 .txt { box-sizing:border-box; color:#787878; float:left; font-size:13px; line-height:1.4; padding:0 10px; width:75%; }
    #contents #section12 .loca2 .color1 { background:#af1f1f; }
    #contents #section12 .loca2 .color2 { background:#0071b3; }
    #contents #section12 .loca2 .color3 { background:#ff9c00; }
}
@media (min-width:992px) {
    #contents #section12 .maps .video-container { min-height:540px; }
    #contents #section12 .loca { margin-bottom:20px; }
    #contents #section12 .loca2 { width:33.33%; float:left; clear:inherit; }
}
@media (min-width:1200px) { 	
	#contents #section12 .loca p { font-size:18px; }
	#contents #section12 .loca2 { padding:10px 0; }
}

/**************************************************
*   2.13 - #section13 (사업분야)
**************************************************/
@media (min-width:0) {
	#contents #section13 .tab { font-size:0; margin-bottom:10px; }
	#contents #section13 .tab li { display:inline-block; height:32px; line-height:32px; padding:0 5px; margin-bottom:10px; }
	#contents #section13 .tab li a { border-bottom:1.5px solid transparent; display:block; text-align:center; color:#666; font-size:12px; padding:0 10px; }
	#contents #section13 .tab li.on a { border-bottom-color:#999; }
}
@media (min-width:640px) {
	#contents #section13 .tab li a { font-size:15px; }
	
}
@media (min-width:768px) {
	#contents #section13 .tab li { height:35px; line-height:35px; }
}

@media (min-width:0) {
    #contents #section13 .intro_tab .tabbox { border-top:1px solid #ccc; border-bottom:1px solid #ccc; overflow:hidden; padding:0 30px; height:45px; }
    #contents #section13 .intro_tab .tabbox li { }
    #contents #section13 .intro_tab .tabbox li a { color:#454545; display:block; padding:15px 0; text-align:center; }
    #contents #section13 .intro_tab .tabbox li:first-child { border-left:1px solid #ccc; }
    #contents #section13 .intro_tab .tabbox li.on { background:#ccc; } 
    #contents #section13 .intro_tab .tabbox li.on a { font-weight:bold; position:relative; color:#fff; }
    #contents #section13 .intro_tab .tabbox .slick-arrow{ position:absolute; top:0; width:30px; height:100%; background-color:#222; background-size:15px auto; background-repeat:no-repeat; background-position:center; z-index:1; font-size:0; }
    #contents #section13 .intro_tab .tabbox .slick-prev{ left:0; background-image:url(../images/btn_prev_01.png); }
    #contents #section13 .intro_tab .tabbox .slick-next{ right:0; background-image:url(../images/btn_next_01.png); }
    
    #contents #section13 .intro_tab h5 { color:#454545; font-size:20px; margin:0 0; padding:25px 0; position:relative; text-align:left; }
    #contents #section13 .intro_tab .intro_top { margin-bottom:60px; }
	#contents #section13 .intro_tab .intro_top .intro_txt { border-bottom:1px solid #ccc; padding:30px 0; }
    #contents #section13 .intro_tab .intro_top .intro_txt p.title { color:#587d09; font-size:26px; padding-bottom:15px; }
    #contents #section13 .intro_tab .intro_top .intro_txt p.cont { color:#888888; font-size:16px; line-height:26px; }
	
	#contents #section13 .intro_tab .intro_top .slick-dots { display:table; margin:20px auto; }
    #contents #section13 .intro_tab .intro_top .slick-dots li { border:1px solid #434343; border-radius:50%; float:left; font-size:0; height:12px; margin:0 2px; width:12px; }
    #contents #section13 .intro_tab .intro_top .slick-dots li.slick-active { background:#434343; }
    #contents #section13 .intro_tab .intro_top .slick-dots li button { font-size:0; }
	
    #contents #section13 .intro_tab .intro_top .intro_img { position:relative; }
    #contents #section13 .intro_tab .intro_top .intro_img .imgbox { background-size:cover; background-position:center; background-repeat:no-repeat; width:100%; padding-bottom:45%; }
    #contents #section13 .intro_tab .intro_top .intro_img .slick-arrow { font-size:0; height:67px; margin-top:-33.5px; position:absolute; top:50%; text-indent:-9999px; cursor:pointer; width:37px; z-index:45; }
    #contents #section13 .intro_tab .intro_top .intro_img .slick-prev { background:#fff url(../images/contents/right3.jpg); left:0; background-size:contain; }
    #contents #section13 .intro_tab .intro_top .intro_img .slick-next { background:#fff url(../images/contents/left3.jpg); right:0; background-size:contain; }
    
    #contents #section13 .intro_tab .intro_bt { clear:both; overflow:hidden; width:100%; }
    #contents #section13 .intro_tab .intro_bt .w50 { float:left; margin-bottom:20px; width:50%; }
    #contents #section13 .intro_tab .intro_bt .w50 h6 { color:#888888; font-size:18px; font-weight:500; padding-bottom:10px; }
    #contents #section13 .intro_tab .intro_bt .w50 .left { border:1px solid #ccc; box-sizing:border-box; float:left; height:225px; overflow:hidden; position:relative; width:40%; }
    #contents #section13 .intro_tab .intro_bt .w50 .left a { display:block; height:100%; width:100%; }
    #contents #section13 .intro_tab .intro_bt .w50 .left p { background:#454445; bottom:0; color:#fff; left:0; padding:20px 0; position:absolute; text-align:center; width:100%; }
    #contents #section13 .intro_tab .intro_bt .w50 .left .imgbox { background-repeat:no-repeat; background-size:cover; background-position:center; width:100%; height:100%; }
    #contents #section13 .intro_tab .intro_bt .w50 .right { box-sizing:border-box; color:#888888; float:left; padding:0 15px; width:60%; }
    #contents #section13 .intro_tab .intro_bt .w50 .right strong { display:block; font-size:16px; padding-bottom:8px; }
    #contents #section13 .intro_tab .intro_bt .w50 .right p { display:-webkit-box; height:60px; line-height:20px; margin-bottom:15px; overflow:hidden; text-align:justify; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:3; word-wrap:break-word; }
    #contents #section13 .intro_tab .intro_bt .w50 .right dt,
    #contents #section13 .intro_tab .intro_bt .w50 .right dd { float:left; padding:3px 0; }
    #contents #section13 .intro_tab .intro_bt .w50 .right dt { clear:both; }
    #contents #section13 .intro_tab .intro_bt .w50 .right dt::after { content:':'; display:inline-block; padding:0 4px; }
}
@media (max-width:1200px) { 	
	#contents #section13 .intro_tab .intro_top .intro_img > .btnset .slick-prev { left:0; }
	#contents #section13 .intro_tab .intro_top .intro_img > .btnset .slick-next { right:0; }
	
    #contents #section13 .intro_tab .intro_bt .w50 { margin-right:3%; width:48.5%; }
	#contents #section13 .intro_tab .intro_bt .w50.mrnone { margin-right:0%; }
	#contents #section13 .intro_tab .intro_bt .w50 .left { width:100%; }
	#contents #section13 .intro_tab .intro_bt .w50 .left p { line-height:1; padding:15px 0; }
	#contents #section13 .intro_tab .intro_bt .w50 .right { padding:20px 0; width:100%; }
}
@media (max-width:640px) { 	
    #contents #section13 .intro_tab .intro_top .intro_txt p.title { font-size:18px; line-height:20px; }
	#contents #section13 .intro_tab .intro_top .intro_txt p.cont { font-size:14px; line-height:24px; }
}
@media (max-width:480px) { 	
    #contents #section13 .intro_tab .intro_bt .w50 { margin-right:0; width:100%; }
	#contents #section13 .intro_tab .tabbox li a { font-size:12px; }
}
@media (min-width:992px) {
    #contents #section13 .intro_tab .tabbox li a { font-size:14px; }
}

/**************************************************
*   2.14 - #section14 (납품실적)
**************************************************/
@media (min-width:0) {
	#contents #section14 { clear:both; overflow:hidden; }
	#contents #section14 .search9 { background:#f5f5f5; border:1px solid #ccc; box-sizing:border-box; margin-bottom:30px; overflow:hidden; padding:15px; }
	#contents #section14 .search9 ul { display:block; }
	#contents #section14 .search9 ul li { line-height:30px; margin-bottom:5px; }
	#contents #section14 .search9 ul li:first-child { margin-right:8px; }
	#contents #section14 .search9 ul li.mrnone { width:100%; }
	#contents #section14 .search9 ul li.mrnone a { text-align:center; }
	#contents #section14 .search9 ul li a { background:#222; color:#fff; display:block; padding:0 10px; }
	#contents #section14 .search9 ul li select { background:#fff url('../images/contents/icon_down_01.png') no-repeat 95% 50%; border:solid 1px #ddd; border-radius:0; box-sizing:border-box; color:#a0a0a0; height:30px; line-height:30px; padding:0; padding-left:10px; width:100%; }
	
	#contents #section14 .cont9 ul { overflow:hidden; }
	#contents #section14 .cont9 ul li { margin-bottom:15px; }
	#contents #section14 .cont9 ul li a { display:block; border:1px solid #ccc; }
	#contents #section14 .cont9 ul li .rimg10 { height:200px; }
	#contents #section14 .cont9 ul li .rimg10 .imgbox { background-size:cover; background-repeat:no-repeat; background-position:center; width:100%; height:100%; }
	#contents #section14 .cont9 ul li .rtxt10 { padding:15px; }
	#contents #section14 .cont9 ul li .rtxt10 p { font-size:14px; padding-bottom:5px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
	
	#contents #section14 .cont9 ul li .rtxt10 dl { overflow:hidden; }
	#contents #section14 .cont9 ul li .rtxt10 dt { display:none; position:relative; width:35%; font-size:13px; }
	#contents #section14 .cont9 ul li .rtxt10 dt::after { content:':'; padding-right:5px; position:absolute; right:0; }
	#contents #section14 .cont9 ul li .rtxt10 dd { width:100%; }
	#contents #section14 .rtxt10 dd, #contents #section14 .rtxt10 dt { float:left; padding:5px 0; }
	
}
@media (min-width:640px) {
	#contents #section14 .cont9 ul li { float:left; width:calc(50% - 5px); margin-bottom:10px; margin-right:10px; }
	#contents #section14 .cont9 ul li:nth-child(2n) { margin-right:0; }
}
@media (min-width:768px) {
	#contents #section14 .search9 ul { display:table; float:right; }
	#contents #section14 .search9 ul li { float:left; margin-right:5px; }
	#contents #section14 .search9 ul li a { display:inline-block; float:right; }
	#contents #section14 .search9 ul li select { width:150px; float:left; }	
	#contents #section14 .search9 ul li.mrnone { width:inherit; }
	
	#contents #section14 .cont9 ul li .rtxt10 p { font-size:18px; padding-bottom:15px; }
	/* #contents #section14 .cont9 ul li .rtxt10 dt { display:block; } */
}
@media (min-width:992px) {
	#contents #section14 .cont9 ul li { width:calc(33.33% - 13.333px); margin-bottom:20px; margin-right:20px !important; }
	#contents #section14 .cont9 ul li:nth-child(3n) { margin-right:0 !important; }
}

/**************************************************
*   2.15 - #section15 (view)
**************************************************/
#sub_view a.go_18form { display:block; width:100%; max-width:200px; height:40px; line-height:40px; background-color:#333; text-align:center; margin:40px auto; color:#fff; }
#sub_view a.go_28view { display:block; width:100%; max-width:200px; height:40px; line-height:40px; background-color:#333; text-align:center; margin:40px auto; color:#fff; }
#sub_view .sec1 { border-top:2px solid #3b3b3b; border-bottom:1px solid #3b3b3b; }
#sub_view .sec1 .txt { font-size:0; padding:15px 10px; border-bottom:1px solid #ddd; }
#sub_view .sec1 .txt span.title{ display:inline-block; width:calc( 100% - 100px); font-size:15px; vertical-align:middle; line-height:1.2; }
#sub_view .sec1 .txt span.date{ display:inline-block; width:100px; font-size:15px; text-align:right; vertical-align:middle; }
#sub_view .sec1 .file{ padding:15px 10px; }
#sub_view .sec2 { margin:15px 0; }
#sub_view .sec2 .text_wrap{ background:#efefef; min-height:500px;}
#sub_view .sec2 .video_wrap{ position:relative; padding-bottom:65%; }
#sub_view .sec2 .video_wrap iframe{ position:absolute; width:100%; height:100%; }

#sub_view .sec2 .event_result { padding:40px 0; }
#sub_view .sec2 .event_result .event_title{ font-size:18px; margin-bottom:20px; font-weight:bold; text-align:center; }
#sub_view .sec2 table.event { line-height:25px; text-align:center; width:100%; }
/* #sub_view .sec2 table.event tr { height:30px; line-height:30px; } */
#sub_view .sec2 table.event th { font-size:15px; color:#454545; background:#f9f9f9; line-height:1.4; padding:12px 0; border-right:1px solid #ccc; }
#sub_view .sec2 table.event th:last-child{ border-right:0; }
#sub_view .sec2 table.event td { font-size:13px; line-height:1.4; padding:10px 0; border-right:1px solid #ccc; }
#sub_view .sec2 table.event td:last-child{ border-right:0; }

#sub_view .sec4 table{width: 100%;border-top: 2px solid #343434;table-layout: fixed}
#sub_view .sec4 th, #sub_view .sec4 td{vertical-align: middle;padding: 10px;border-bottom: 1px solid #cccccc; }
#sub_view .sec4 th{width: 70px;font-weight: normal}
#sub_view .sec4 th span{ display:block; background:#786c57;color:#fff; padding:5px 0; border-radius:1px;}
#sub_view .sec4 th.next, #sub_view .sec4 td.next{background-color: white}
#sub_view .sec4 td a{display: block}

#sub_view .sec5{text-align: center;margin: 50px 0;}
#sub_view .sec5 a{display: inline-block;color: #ffffff;background-color: #323232;line-height: 35px;padding: 0 35px}
    
	#sub_view .sub_project { margin-top:40px; padding-top:20px; border-top:2px solid #18787d; }
	#sub_view .sub_project h5 { color:#000; font-size:16px; font-weight:700; letter-spacing:1px; line-height:1; margin:10px 0; /* padding-left:10px; */ position:relative; text-align:left; }
    /* #sub_view .sub_project h5:before { background:#18787d; content:''; display:block; height:100%; left:0; position:absolute; top:0; width:3px; } */

	#sub_view .sub_project { float:left; padding-bottom:20px; position:relative; width:100%; }
	#sub_view .sub_project li a { border:1px solid #ddd; box-sizing:border-box; display:block; }
	#sub_view .sub_project li a .imgbox { width:100%; padding-bottom:55%; background-size:cover; background-repeat:no-repeat; background-position:center; }
	#sub_view .sub_project .slick-list{ margin:0 -5px; }
	#sub_view .sub_project .slick-slide{ margin:0 5px; }
	#sub_view .sub_project .slick-arrow{ position:absolute; top:50%; width:30px; height:30px; margin-top:-15px; background-repeat:no-repeat; background-size:cover; background-position:center; z-index:1; font-size:0; }
	#sub_view .sub_project .slick-prev{ left:0; background-image:url(../images/btn_prev_03.png); }
	#sub_view .sub_project .slick-next{ right:0; background-image:url(../images/btn_next_03.png); }
	#sub_view .sub_project .more { background:url(../images/contents/blet01.png) right center no-repeat; display:block; line-height:20px; padding-right:10px; position:absolute; right:0; top:28px; }
	
	#sub_view .sub_project .rtxt10 { box-sizing:border-box; overflow:hidden; padding:15px; height:119px; }
	#sub_view .sub_project .rtxt10 p { float:left; font-size:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%; padding-bottom:5px; }
	#sub_view .sub_project .rtxt10 dd, #contents #section15 .rtxt10 dt { float:left; font-size:13px; padding:5px 0; }
	#sub_view .sub_project .rtxt10 dt { display:none; clear:both; position:relative; width:35%; }
	#sub_view .sub_project .rtxt10 dt::after { content:':'; padding-right:5px; position:absolute; right:0; }
	#sub_view .sub_project .rtxt10 dd { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%; }
	
@media (min-width: 768px) {
    #sub_view .sec4 th, #sub_view .sec4 td{padding: 15px}
    #sub_view .sec4 th{width: 100px}
}

@media (min-width:0) {
    #contents #section15 { clear:both; }
    #contents #section15 > * { color:#787878; }
    #contents #section15 h5 { color:#000; font-size:16px; font-weight:700; letter-spacing:1px; line-height:1; margin:10px 0; padding-left:10px; position:relative; text-align:left; }
    #contents #section15 h5:before { background:#18787d; content:''; display:block; height:100%; left:0; position:absolute; top:0; width:3px; }

    /* 기본형 */
    #contents #section15 .sec1 { border-bottom:1px solid #cccccc; border-top:2px solid #000000; color:#666666; overflow:hidden; }
    #contents #section15 .sec1 > p { border-top:1px solid #cccccc; box-sizing:border-box; float:left; margin:10px 0; padding:0 5px; }
    #contents #section15 .sec1 > p i { margin:0 5px; }
    #contents #section15 .sec1 > p:nth-of-type(1) { border-top:none; width:100%; font-size:16px; color:#333; }
    #contents #section15 .sec1 > p:nth-of-type(2) { text-align:left; width:50%; }
    #contents #section15 .sec1 > p:nth-of-type(3) { text-align:left; width:50%; }
    #contents #section15 .sec2 { padding:10px 5px 20px; }
    #contents #section15 .sec2 iframe { width:100%; min-height:320px; }
    #contents #section15 .sec3 { min-height:250px; padding:20px 5px; line-height:1.4; text-align:center; }
	#contents #section15 .sec3 p { text-align:left; }
    #contents #section15 .sec3 .tx2 { font-size:17px; color:#232323; }
    #contents #section15 .sec3 table.event { line-height:25px; text-align:center; width:100%; }
    #contents #section15 .sec3 table.event tr { height:30px; line-height:30px; }
    #contents #section15 .sec3 table.event th { font-size:14.5px; color:#454545; }
    #contents #section15 .sec3 table.event td { font-size:13px; }
    #contents #section15 .sec3 table.event td, #contents #section15 .sec3 table.event th { font-weight:normal; }
    #contents #section15 .sec3.video iframe { margin:10px 0; min-height:400px; width:100%; }
	#contents #section15 .sec3 a { display:inline-block; width:120px; height:40px; line-height:40px; background-color:#333; text-align:center; margin:80px auto 0; color:#fff; }
    #contents #section15 .sec4 table { border-top:2px solid #343434; table-layout:fixed; width:100%; }
    #contents #section15 .sec4 th, #contents #section15 .sec4 td { border-bottom:1px solid #cccccc; padding:10px; vertical-align:middle; }
    #contents #section15 .sec4 th { font-weight:normal; width:70px; }
    #contents #section15 .sec4 th span { background:#786c57; border-radius:1px; color:#fff; display:block; padding:5px 0; }
    #contents #section15 .sec4 th.next, #contents #section15 .sec4 td.next { background-color:white; }
    #contents #section15 .sec4 td a { display:block; }
    #contents #section15 .sec5 { margin:50px 0 0; text-align:center; }
    #contents #section15 .sec5 a { background-color:#323232; color:#ffffff; display:inline-block; line-height:35px; padding:0 35px; }
    #contents #section15 .sec6 { background-color:#f5f5f5; border:1px solid #d1d1d1; box-sizing:border-box; margin:20px 0; padding:30px; }
    #contents #section15 .sec6 > p { margin-bottom:10px; }
    #contents #section15 .sec6 > p.title { font-size:16px; font-weight:bold; }
    #contents #section15 .sec6 > p.cont { background:#fff; border:1px solid #d1d1d1; padding:25px 0; text-align:center; }
    #contents #section15 .sec6 > p.cont span { margin-right:15px; }
    #contents #section15 .sec6 > p.cont i { color:#dc5411; }
    #contents #section15 .sec6 > p.cont b { display:block; line-height:1.4; margin-left:20px; }
	
	/* 납품실적 view */
	#contents #section15 .top10 { margin-bottom:30px; overflow:hidden; }
	#contents #section15 .top10 .top10_img { height:320px; }
	#contents #section15 .top10 .top10_img .imgbox { border:1px solid #ccc; box-sizing:border-box; height:auto; width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center; }

	#contents #section15 .top10 .top10_txt p { line-height:1.4; margin-bottom:20px; }
	#contents #section15 .top10 .top10_txt dt, #contents #section15 .top10 .top10_txt dd { float:left; padding:5px 0; }
	#contents #section15 .top10 .top10_txt dt::after { content:':'; display:inline-block; padding:0 5px; }
	#contents #section15 .top10 .top10_txt dt { clear:both; }
	#contents #section15 .top10 .top10_txt .sns { clear:both; line-height:26px; }
	#contents #section15 .top10 .top10_txt .sns strong { float:left; padding-right:10px; }
	#contents #section15 .top10 .top10_txt .sns ul li { float:left; margin-right:4px; }
	#contents #section15 .top10 .top10_txt .sns ul li:last-child { margin-right:0px; }
	
	#contents #section15 .right10 { float:left; padding-bottom:20px; position:relative; width:100%; }
	#contents #section15 .right10 li a { border:1px solid #ddd; box-sizing:border-box; display:block; }
	#contents #section15 .right10 li a .rimg10 { height:200px; }
	#contents #section15 .right10 li a .rimg10 .imgbox { width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center; }
	#contents #section15 .right10 li.mrnone { display:none; }
	#contents #section15 .right10 li.mrnone2 { display:none; }
	#contents #section15 .right10 .more { background:url(../images/contents/blet01.png) right center no-repeat; display:block; line-height:20px; padding-right:10px; position:absolute; right:0; top:10px; }
	
	#contents #section15 .rtxt10 { box-sizing:border-box; overflow:hidden; padding:15px; height:150px; }
	#contents #section15 .rtxt10 p { float:left; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%; padding-bottom:5px; }
	#contents #section15 .rtxt10 dd, #contents #section15 .rtxt10 dt { float:left; font-size:13px; padding:5px 0; }
	#contents #section15 .rtxt10 dt { display:none; clear:both; position:relative; width:35%; }
	#contents #section15 .rtxt10 dt::after { content:':'; padding-right:5px; position:absolute; right:0; }
	#contents #section15 .rtxt10 dd { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:65%; }
	
	/* 제품소개 view */
	#contents.type1 #section4 > * { color:#787878; }
	#contents #section15 .clearfix .flbox { box-sizing:border-box; }
	#contents #section15 .clearfix .flbox .imgbox { background-position:center; background-repeat:no-repeat; background-size:cover; height:240px; width:100%; }
	#contents #section15 .clearfix .flbox .imgbox img { height:100%; width:100%; }
	#contents #section15 .clearfix .frbox { box-sizing:border-box; }
	#contents #section15 .clearfix .frbox .txtbox { background-color:#f4f4f4; box-sizing:border-box; line-height:1.4; padding:40px 30px; }
	#contents #section15 .clearfix .frbox .txtbox2 { background-color:#fff; line-height:1.6; padding:20px 30px; }
	#contents #section15 .clearfix .frbox .txtbox .tx1 { font-size:24px; font-weight:500; color:#666; }
	#contents #section15 .clearfix .frbox .txtbox .tx2 { font-size:18px; }
	#contents #section15 .clearfix .frbox .txtbox .tx3 { font-size:14px; }
    #contents #section15 .clearfix .frbox .txtbox .tx3 .price { color:#ed3910; font-size:24px; }
    #contents #section15 .clearfix .frbox .txtbox .tx4 { font-size:16px; margin-top:10px; max-height:16em; overflow:hidden; }
    #contents #section15 .clearfix .frbox .txtbox .tx5 { font-size:12px; margin-top:10px; color:#aaa; }
    #contents #section15 .clearfix .frbox .txtbox a { border:1px solid #ccc; display:inline-block; height:30px; line-height:30px; padding:0 15px; margin-top:15px; color:#c00; }
}
@media (min-width:480px) {
	/* 납품실적 view */
	#contents #section15 .right10 li { float:left; margin-right:20px; width:calc(50% - 10px); }
	#contents #section15 .right10 li.mrnone2 { display:block; margin-right:0%; }
}
@media (min-width:640px) {
	/* 기본형 */
    #contents #section15 .sec3 table.event { width:40%; }
    #contents #section15 .sec2 iframe { min-height:360px; }
	
	/* 납품실적 view */
	#contents #section15 .right10 li { margin-right:20px !important; width:calc(33.33% - 13.33px); }
	#contents #section15 .right10 li.mrnone { display:block; margin-right:0 !important; }
	
	/* 제품소개 view */
	#contents #section15 .clearfix .flbox .imgbox { height:400px; }
}
@media (min-width:768px) { 	
	/* 기본형 */
    #contents #section15 .sec1 > p { border-top:none; margin:15px 0; padding:0 10px; }
	#contents #section15 .sec1 > p:nth-of-type(1) { width:70%; }
    #contents #section15 .sec1 > p:nth-of-type(2) { width:20%; }
    #contents #section15 .sec1 > p:nth-of-type(3) { width:10%; }
    #contents #section15 .sec2 { padding:10px 10px 20px; }
    #contents #section15 .sec2 iframe { min-height:420px; }
    #contents #section15 .sec3 { padding:20px 10px; }
	#contents #section15 .sec4 th, #contents #section15 .sec4 td { padding:15px; }
	#contents #section15 .sec4 th { width:100px; }
	#contents #section15 .sec6 > p.cont b { display:inline-block; }
	
	/* 납품실적 view */
	#contents #section15 .top10 .w50 { float:left; width:50%; }
	#contents #section15 .top10 .top10_img { height:420px; }
	#contents #section15 .top10 .top10_txt { padding:0 10px; }
	
	#contents #section15 .rtxt10 p { font-size:15px; padding-bottom:15px; }
	#contents #section15 .rtxt10 dt { display:block; }
	#contents #section15 .rtxt10 dd, #contents #section15 .rtxt10 dt { font-size:14px; }
}
@media (min-width:992px) {
	/* 기본형 */
    #contents #section15 .sec1 > p:nth-of-type(1) { width:75%; margin:15px 0; padding:0 20px; }
    #contents #section15 .sec1 > p:nth-of-type(2) { width:15%; }
    #contents #section15 .sec1 > p:nth-of-type(3) { width:10%; }
    #contents #section15 .sec2 { padding:10px 15px 20px; }
    #contents #section15 .sec2 iframe { min-height:450px; }
    #contents #section15 .sec3 { padding:20px 15px; }
	
	/* 납품실적 view */
	#contents #section15 .rtxt10 p { font-size:16px; }
	
	/* 제품소개 view */
	#contents #section15 .clearfix .flbox .imgbox { height:450px; }
}
@media (min-width:1220px) { 	
	/* 기본형 */
    #contents #section15 .sec2 iframe { min-height:620px; }
    #contents #section15 .sec6 { margin:50px 0; padding:40px 25px; }
	#contents #section15 .sec6 th, #contents #section5 .sec6 td { padding:20px; }
	
	/* 제품소개 view */
	#contents #section15 .clearfix .flbox { float:left; padding-right:40px; width:55%; }
	#contents #section15 .clearfix .frbox { float:left; width:45%; }
}

/**************************************************
*   2.16 - #section16 (채용안내)
**************************************************/
@media (min-width:0) {
    #contents #section16 h5 { color:#232323; font-size:18px; line-height:20px; padding:10px 0; font-weight:normal; }
    #contents #section16 h6 { color:#545454; font-size:16px; line-height:20px; padding:10px 0; font-weight:normal; }
    
    #contents #section16 .rw50 { box-sizing:border-box; }
    #contents #section16 .rw50.bdtop { border-top:2px solid #cccccc; border-right:none; }
    #contents #section16 .rw50.bdleft { border-right:1px solid #cccccc; }
    #contents #section16 .rw50_cont ul { padding:20px 30px; height:auto; padding-bottom:20px; }
    #contents #section16 .rw50_cont ul li { line-height:22px; width:100%; }
    #contents #section16 .rw50 > p { background:#f3f3f3; color:#232323; font-size:17px; padding:15px 0; text-align:center; }
    #contents #section16 .rw50 .rw50_cont { min-height:150px; }
    
    #contents #section16 .rw50 ul.img { overflow:hidden; }
    #contents #section16 .rw50 ul.img li { font-size:12px; padding:10px 0; height:70px; }
    #contents #section16 .rw50 ul.img li span { background:#786b58; border-radius:50%; color:#fff; display:block; float:left; font-size:16px; height:40px; line-height:40px; text-align:center; width:40px; }
    #contents #section16 .rw50 ul.img li p.w35 { float:left; height:100%; text-align:center; margin-right:3px; }
    #contents #section16 .rw50 ul.img li p.w65 { float:left; font-size:14px; line-height:1.4; width:calc(100% - 65px); padding-left:5px; }
    #contents #section16 .rw50 ul.img li p.w65 strong { color:#545454; display:block; font-size:15px; font-weight:normal; padding:3px 0; }
    #contents #section16 .rw100::before { clear:both; content:''; display:block; }
    #contents #section16 .rw100 { padding-bottom:20px; }
    #contents #section16 .rw100 .icon { background:#786b58; border-bottom:1px solid #786b58; border-radius:1.5px; border-right:2px solid #786b58; color:#fff; display:block; float:left; padding:5px 10px; }
    #contents #section16 .rw100 p { clear:both; color:#777; line-height:1.4; padding:5px 0 25px 0; width:100%; }
    #contents #section16 .rw_box { border:1px solid #ddd; box-sizing:border-box; padding:20px 25px; }
    #contents #section16 .rw_box h6 { padding-bottom:15px; }
    #contents #section16 .rw_box ul li { padding-bottom:10px; }
    #contents #section16 .rw100 span { display:inline-block; margin:3px 0; }
    
	/* 채용부분 */
    #contents #section16 table { border-collapse:collapse; table-layout:fixed; width:100%; }
    #contents #section16 table .no_mobile { display:none; }
    #contents #section16 table .cont { overflow:hidden; width:70%; }
    #contents #section16 table th { border-bottom:1px solid #282828; border-top:1px solid #282828; padding:7px 0; width:75px; color:#333; }
    #contents #section16 table th:nth-of-type(1) { width:20%; }
    #contents #section16 table td { border-bottom:1px solid #cccccc; padding:11px 0; text-align:center; vertical-align:middle; }
    #contents #section16 table td.cont { text-align:left; }
    #contents #section16 table td .icon1 { background-color:#e41b23; height:24px; line-height:24px; display:inline-block; padding:0 10px; font-size:12px; color:#fff; }
    #contents #section16 table td .icon2 { display:inline-block; height:24px; line-height:22px; border:1px solid #ccc; padding:0 10px; font-size:12px; }
    #contents #section16 table td a { display:block; padding:0 5px; }
}
@media (min-width:768px) { 	
    #contents #section16 .rw50 ul.img li { width:50%; float:left; }
    
	/* 채용부분 */
    #contents #section16 table th { width:140px; }
    #contents #section16 table td.cont { width:50%; }
	#contents #section16 table .no_mobile { display:table-cell; }
	#contents #section16 table th:nth-of-type(1), #contents #section16 table th:nth-last-of-type(1) { width:10%; }
	#contents #section16 table td a { padding:0 20px; }
}
@media (min-width:992px) {
    #contents #section16 .rw50 ul.img li { height:auto; }
    #contents #section16 .rw50 ul.img li span { margin-top:8; }
    #contents #section16 .rw50 ul.img li p.w65 { padding-left:0; }
    
    #contents #section16 .rw50_cont ul { padding-bottom:0; height:180px; }
    #contents #section16 .rw50 .rw50_cont { min-height:180px; border-bottom:1px solid #cccccc; }
    
    #contents #section16 .rw_box { width:95%; }
}
@media (min-width:1220px) { 	
    #contents #section16 .rw50 { float:left; width:50%; }
    
	/* 채용부분 */
    #contents #section16 table th { padding:15px 0; }
	#contents #section16 table td { padding:16px 0; }
}

/* 입사지원form */
@media (min-width:0) {
    #contents #section16 .section_inner { margin-bottom:20px; }
    #contents #section16 .section_inner .form_row { overflow:hidden; }
    #contents #section16 .section_inner .form_row label { cursor:inherit; width:100%; font-size:15px; box-sizing:border-box; }
    #contents #section16 .section_inner .form_row label b { font-weight:400; color:#232323; }
    #contents #section16 .section_inner .form_row small { color:#ec2027; vertical-align:middle; }
    
    #contents #section16 .section_inner .form_row .input_wrap { width:100%; }
    #contents #section16 .section_inner .form_row .input_wrap input[type="radio"] { margin-right:5px; }
    #contents #section16 .section_inner .form_row .input_wrap input[type="radio"] + label { padding:0; width:60px; }
    #contents #section16 .section_inner .form_row .input_wrap select { border:1px solid #cccccc; height:30px; line-height:29px; margin:7px 0; padding-left:10px; color:#787878; font-size:14px; width:200px; background:url("../images/contents/icon_down_01.png") no-repeat 95% 50%; }
    
    #contents #section16 .section_inner .form_row .input_wrap #file { position:relative; }
    #contents #section16 .section_inner .form_row .input_wrap .file_input_textbox { width:100%; }
    #contents #section16 .section_inner .form_row .input_wrap .file_input_div { position:absolute; right:0; top:7px; }
    
	#contents #section16 .section_inner .form_row .input_wrap.captchabox { display:inline-block; vertical-align:middle; }
    #contents #section16 .section_inner .form_row .input_wrap.captchabox .imgbox { border:1px solid #ccc; overflow:hidden; margin-top:8px; }
    #contents #section16 .section_inner .form_row .input_wrap.captchabox input { float:left; width:calc(100% - 84px); }
    #contents #section16 .section_inner .form_row .input_wrap.captchabox a { display:inline-block; width:30px; height:30px; font-size:14px; padding:7px; border:1px solid #ccc; margin:10px 0; margin-left:3px; }
	
    #contents #section16 .box { border:1px solid #ccc; box-sizing:border-box; font-size:14px; line-height:1.4; padding:15px; height:150px; overflow-y:auto; }
    #contents #section16 .cbox { clear:both; }
    #contents #section16 .cbox input { margin-right:5px; }
	#contents #section16 .cbox label { color:#333; }
}
@media (min-width:768px) { 	
    #contents #section16 .section_inner .form_row { background-color:#f9f9f9; border-bottom:1px solid #cccc; overflow:hidden; }
    #contents #section16 .section_inner .form_row:nth-of-type(1) { border-top:1px solid #cccccc; }
    #contents #section16 .section_inner .form_row:nth-last-of-type(1) { border-bottom:1px solid #cccccc; }
    #contents #section16 .section_inner .form_row label { float:left; line-height:50px; width:130px; padding:0 10px; }
	
    #contents #section16 .section_inner .form_row .input_wrap, #contents #section16 .section_inner .form_row .text_wrap { float:left; vertical-align:middle; width:calc(100% - 130px); background-color:#ffffff; box-sizing:border-box; padding:0 20px; }
    
    #contents #section16 .section_inner .form_row .input_wrap select { margin:10px 0; }
    #contents #section16 .section_inner .form_row .input_wrap input { margin:10px 0; width:60%; }
    #contents #section16 .section_inner .form_row .input_wrap input[type="radio"] { float:left; width:auto; vertical-align:middle; margin:0; height:50px; margin-right:7px; }
    
    #contents #section16 .section_inner .form_row .input_wrap .file_input_textbox { width:80%; }
    #contents #section16 .section_inner .form_row .input_wrap .file_input_div { right:20%; top:10px; }
    
    #contents #section16 .box { padding:20px; }
}
@media (min-width:992px) {
    #contents #section16 .section_inner .form_row label { padding:0 20px; width:150px; }
    #contents #section16 .section_inner .form_row .input_wrap, #contents #section16 .section_inner .form_row .text_wrap { padding:0 30px; width:calc(100% - 150px); }
}
@media (min-width:1024px) { 	
	#contents #section16 .inner .btn_group { margin-top:40px; }
}

/**************************************************
*   2.17 - #section17 (공지사항)
**************************************************/
@media (min-width:0) {
	#contents #section17 { clear:both; }
	#contents #section17 .tabbox li { width:16.666666%; }
	#contents #section17 select { background-color:#fff; border:solid 1px #ddd; border-radius:0; color:#a0a0a0; font-family:noto; height:26px; line-height:26px; padding:0; }
	#contents #section17 input { background-color:#fff; border:solid 1px #ddd; border-radius:0; font-family:noto; height:26px; line-height:26px; margin:0; padding:0; }
	#contents #section17 .btn_search { background:#413c38; color:#fff; display:inline-block; font-family:noto; font-size:12px; line-height:20px; padding:3px 7px; }
	#contents #section17 tr td.ellipsis { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%; }
	#contents #section17 table tr th:nth-child(1) { width:10%; }
	#contents #section17 table tr th:nth-child(2) { width:10%; }
	#contents #section17 table tr th:nth-child(3) { width:57%; }
	#contents #section17 table tr th:nth-child(4) { width:15%; }
	#contents #section17 table tr th:nth-child(5) { width:8%; }
	#contents #section17 table tr td:nth-child(1) { width:10%; }
	#contents #section17 table tr td:nth-child(2) { width:10%; }
	#contents #section17 table tr td:nth-child(3) { width:57%; }
	#contents #section17 table tr td:nth-child(4) { width:15%; }
	#contents #section17 table tr td:nth-child(5) { width:8%; }
	#contents #section17 table { border-top:2px solid #536f1f; width:100%; }
	#contents #section17 table th { background:#f6f6f6; color:#333; font-size:14px; padding:20px 0; }
	#contents #section17 table tr { border-bottom:1px solid #ddd; }
	#contents #section17 td { color:#787878; padding:10px 0; text-align:center; vertical-align:middle; }
	#contents #section17 td.txtleft { text-align:left; }
	#contents #section17 th { padding:15px 0; vertical-align:middle; }
	#contents #section17 .tablediv .bordertable tbody td:nth-child(2) { text-align:center; }
	#contents #section17 .tablediv .bordertable tbody td:last-child { text-align:center; }
	.bordertable tr th:nth-child(3) a { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%; }
	.bordertable tr td:nth-child(3) a { width:100%; }
	#contents #section17 .inotice { background:#a4ad2e; color:#fff; display:block; line-height:20px; margin:0 auto; padding:3px; text-align:center; width:80%; }
	#contents #section17 .inormal { background:#909090; color:#fff; display:block; line-height:20px; margin:0 auto; padding:3px; text-align:center; width:80%; }
	#contents #section17 .searchdiv { width:100%; }
	#contents #section17 .searchdiv .boxleft { display:inline-block; margin-bottom:5px; }
	#contents #section17 .searchdiv .boxright { float:right; margin:10px 0; width:40%; }
	#contents #section17 .searchdiv .boxright span { display:inline-block; float:left; }
	#contents #section17 .searchdiv .boxright .br1 { padding-right:5px; width:20%; }
	#contents #section17 .searchdiv .boxright .br1 select { background:url('../images/contents/icon_down_01.png') no-repeat 90% 50%; padding-left:7px; width:100%; }
	#contents #section17 .searchdiv .boxright .br2 { width:63%; }
	#contents #section17 .searchdiv .boxright .br2 input { width:100%; }
	#contents #section17 .searchdiv .boxright .br3 { padding-left:5px; width:17%; }
	#contents #section17 .searchdiv .boxright .br3 button { width:100%; }
}
@media (min-width:768px) {
	#contents #section17 .searchdiv .boxleft { display:inline-block; margin-top:20px; }
}
@media (min-width:992px) {
	#contents #section17 table th { font-size:16px; }
}
@media (max-width:992px) { 	
	#contents #section17 .tabbox li { width:33.3333%; }
	#contents #section17 table tr th:nth-child(2) { display:none; }
	#contents #section17 table tr td:nth-child(2) { display:none; }
	#contents #section17 table tr th:nth-child(4) { display:none; }
	#contents #section17 table tr td:nth-child(4) { display:none; }
	#contents #section17 table tr th:first-child { min-width:80px; width:20%; }
	#contents #section17 table tr td:first-child { min-width:80px; width:20%; }
	#contents #section17 table tr th:nth-child(3) { width:80%; }
	#contents #section17 table tr td:nth-child(3) { width:80%; }
	#contents #section17 table tr th:last-child { display:none; }
	#contents #section17 table tr td:last-child { display:none; }
}
@media (max-width:768px) { 	
	#contents #section17 .searchdiv .boxright { float:none; margin:10px auto; width:60%; }
}
@media (max-width:480px) { 	
	#contents #section17 table tr th:nth-child(3) { width:100%; }
	#contents #section17 table tr td:nth-child(3) { width:100%; }
	#contents #section17 table tr td { padding:15px 0; }
	#contents #section17 table tr td.ellipsis { line-height:22px; overflow:visible; text-overflow:initial; white-space:normal; }
	#contents #section17 .searchdiv .boxright { float:none; overflow:hidden; width:100%; }
	#contents #section17 .btn_search { padding:3px 0; width:100%; }
}

/**************************************************
*   2.18 - #section18 (보도자료)
**************************************************/
@media (min-width:0) {
	#contents #section18 .tabbox { font-size:0; margin-bottom:10px; }
	#contents #section18 .tabbox li { display:inline-block; height:32px; line-height:32px; padding:0 5px; margin-bottom:10px; }
	#contents #section18 .tabbox li a { border-bottom:1.5px solid transparent; display:block; text-align:center; color:#666; font-size:12px; padding:0 10px; }
	#contents #section18 .tabbox li.on a { border-bottom-color:#999; }
}
@media (min-width:640px) {
	#contents #section18 .tabbox li a { font-size:15px; }
	
}
@media (min-width:768px) {
	#contents #section18 .tabbox li { height:35px; line-height:35px; }
}

@media (min-width:0) {
    #contents #section18 .topNews { border:1px solid #ccc; margin-bottom:30px; overflow:hidden; }
    #contents #section18 .topNews a.picArea { background-position:top center; background-size:cover; display:block; min-height:240px; }
    #contents #section18 .topNews .picArea .pic { height:100%; width:100%; }
    #contents #section18 .topNews .textArea .inner { overflow:hidden; padding:20px; position:relative; width:100%; }
    #contents #section18 .topNews .textArea dl dt a { color:#000; font-size:16px; line-height:25px; }
    #contents #section18 .topNews .textArea dl dd,#contents #section18 .topNews .textArea dl dd a { color:#858585; line-height:18px; }
    #contents #section18 .topNews .textArea dl dd a { display:block; line-height:1.4; }
    #contents #section18 .topNews .textArea dl .txt { margin:10px 0; }
    #contents #section18 .topNews .textArea .btnOut { bottom:10px; background-color:#555; color:#fff; display:inline-block; padding:0 15px; }
}
@media (min-width:768px) { 	
    #contents #section18 .topNews .picArea { border-right:1px solid #ccc; min-height:240px; text-align:center; }
	#contents #section18 .topNews .textArea .inner { height:240px; }
}
@media (max-width:767px) { 	
    #contents #section18 .topNews a.picArea { width:100%; }
	#contents #section18 .topNews a.picArea img { width:100%; }
	#contents #section18 .topNews .textArea .btnOut { margin-top:20px; width:100%; }
}
@media (min-width:768px) and (max-width:1023px) { 	
    #contents #section18 .topNews .textArea { width:100%; }
	#contents #section18 .topNews .picArea, #contents #section18 .topNews .picArea + .textArea { float:left; width:50%; }
	#contents #section18 .topNews .picArea .pic { width:100%; }
	#contents #section18 .topNews .textArea .inner { width:100%; }
	#contents #section18 .topNews .textArea .btnOut { bottom:10px; height:31px; line-height:31px; position:absolute; right:20px; }
}
@media (min-width:1024px) and (max-width:1351px) { 	
    #contents #section18 .topNews .picArea, #contents #section18 .topNews .textArea { float:left; width:100%; }
	#contents #section18 .topNews .picArea { width:40%; }
	#contents #section18 .topNews .picArea + .textArea { width:60%; }
	#contents #section18 .topNews .picArea .pic { width:100%; }
	#contents #section18 .topNews .textArea .btnOut { font-size:12px; height:31px; line-height:31px; position:absolute; right:20px; }
}
@media all and (min-width:1352px) { 	
    #contents #section18 .topNews .picArea, #contents #section18 .topNews .textArea { float:left; width:100%; }
	#contents #section18 .topNews .picArea { width:40%; }
	#contents #section18 .topNews .picArea + .textArea { width:60%; }
	#contents #section18 .topNews .picArea .pic { width:100%; }
	#contents #section18 .topNews .textArea .btnOut { font-size:12px; height:31px; line-height:31px; position:absolute; right:20px; }
}

/**************************************************
*   2.19 - #section19 (홍보동영상)
**************************************************/
@media (min-width:0) {
	#contents #section19 .tabbox { font-size:0; margin-bottom:10px; }
	#contents #section19 .tabbox li { display:inline-block; height:32px; line-height:32px; padding:0 5px; margin-bottom:10px; }
	#contents #section19 .tabbox li a { border-bottom:1.5px solid transparent; display:block; text-align:center; color:#666; font-size:12px; padding:0 10px; }
	#contents #section19 .tabbox li.on a { border-bottom-color:#999; }
}
@media (min-width:640px) {
	#contents #section19 .tabbox li a { font-size:15px; }
	
}
@media (min-width:768px) {
	#contents #section19 .tabbox li { height:35px; line-height:35px; }
}

@media (min-width:0) {
    #contents #section19 .video_list { overflow:hidden; }
    #contents #section19 .video_list ul { overflow:hidden; margin:20px 0 0; }
    #contents #section19 .video_list ul li { margin-bottom:15px; position:relative; border:1px solid #ccc; }
    #contents #section19 .video_list ul li .imgbox { background-size:cover; background-position:center; background-repeat:no-repeat; height:200px; }
    
    #contents #section19 .video_list ul li .hover { position:absolute; left:50%; top:50%; margin-left:-30px; margin-top:-95px; }
    #contents #section19 .video_list ul li .hover i { font-size:60px; color:rgba(66,66,66,0.6); transition:all 0.5s; }
    #contents #section19 .video_list ul li:hover .hover i { color:rgba(255,0,0,0.8); }
    
    #contents #section19 .video_list ul li .txtbox { line-height:1.4; padding:10px; height:130px; }
    #contents #section19 .video_list ul li .txtbox .title { font-size:17px; margin-bottom:5px; }
    #contents #section19 .video_list ul li .txtbox .txt1 { color:#545454; height:2.8em; }
    #contents #section19 .video_list ul li .txtbox .date { color:#787878; }
}
@media (min-width:480px) {
    #contents #section19 .video_list ul li { float:left; width:calc(50% - 5px); margin-right:10px; }
    #contents #section19 .video_list ul li:nth-child(2n) { margin-right:0; }
    
}
@media (min-width:640px) {
    #contents #section19 .video_list ul li .imgbox { height:240px; }
    #contents #section19 .video_list ul li .txtbox { padding:20px; }
}
@media (min-width:768px) {
    #contents #section19 .video_list ul li { width:calc(33.33% - 10px); margin-right:15px !important; }
    #contents #section19 .video_list ul li:nth-child(3n) { margin-right:0 !important; }
}

/**************************************************
*   2.20 - #section20 (사회공헌)
**************************************************/
@media (min-width:0) {
    #contents #section20 { clear:both; }
    #contents #section20 > * { color:#787878; }
    
    #contents #section20 .promo_tab .tabbox { border:1px solid #ccc; margin:0 auto 40px; overflow:hidden; width:100%; }
    #contents #section20 .promo_tab .tabbox li { border-bottom:none; float:left; width:50%; }
    #contents #section20 .promo_tab .tabbox li a { display:block; padding:15px 0; text-align:center; }
    #contents #section20 .promo_tab .tabbox li.on { background:#222; }
    #contents #section20 .promo_tab .tabbox li.on a { color:#fff; }
    
    #contents #section20 .promo_tab .tab1 p.title { font-size:28px; line-height:32px; padding:40px 0 20px 0; text-align:center; }
    #contents #section20 .promo_tab .tab1 p.title strong { color:#0071b0; }
    #contents #section20 .promo_tab .tab1 p.cont { font-size:15px; line-height:24px; padding:20px 0; text-align:center; }
    
    #contents #section20 .promo_tab .tab1 .bg_box { position:relative; margin:30px auto 0; }
    #contents #section20 .promo_tab .tab1 .bg_color h5 { font-size:20px; margin:0; padding:0 15px; text-align:left; font-weight:normal; margin:10px 0; }
    #contents #section20 .promo_tab .tab1 .bg_color p { font-size:14px; line-height:1.4; padding:0 15px 20px; }
    #contents #section20 .promo_tab .tab1 .imgbox { background-size:cover; background-position:center; background-repeat:no-repeat; height:300px; }
    
    #contents #section20 .promo_tab .tab1 .bg_slider { position:relative; }
    #contents #section20 .promo_tab .tab1 .bg_slider .slick-arrow { position:absolute; top:50%; width:30px; height:30px; margin-top:15px; font-size:0; text-indent:-9999px; z-index:45; }
    #contents #section20 .promo_tab .tab1 .bg_slider .slick-prev { background:url(../images/contents/btn_prev_03.png) no-repeat 0 0; left:0; background-size:contain; }
    #contents #section20 .promo_tab .tab1 .bg_slider .slick-next { background:url(../images/contents/btn_next_03.png) no-repeat 0 0; right:0; background-size:contain; }
    
    #contents #section20 .promo_tab .tab2 .plist { overflow:hidden; }
    #contents #section20 .promo_tab .tab2 .plist li { margin-bottom:15px; border:1px solid #ccc; overflow:hidden; }
    #contents #section20 .promo_tab .tab2 .plist li .imgbox { background-size:cover; background-position:center; background-repeat:no-repeat; height:160px; }
    #contents #section20 .promo_tab .tab2 .plist li .prom_txt { padding:15px; }
    #contents #section20 .promo_tab .tab2 .plist li .prom_txt h5 { color:#787878; font-size:18px; line-height:1.4; margin:0; margin-bottom:15px; text-align:left; font-weight:normal; }
    #contents #section20 .promo_tab .tab2 .plist li .prom_txt p { line-height:1.4; }
    
}
@media (min-width:640px) {
    #contents #section20 .promo_tab .tab1 .bg_color { width:55%; float:left; height:300px; }
    #contents #section20 .promo_tab .tab1 .bg_color h5 { font-size:23px; margin:20px 0; }
    #contents #section20 .promo_tab .tab1 .imgbox { width:45%; float:left; }
    
    #contents #section20 .promo_tab .tab2 .plist li .imgbox { width:30%; float:left; }
    #contents #section20 .promo_tab .tab2 .plist li .prom_txt { width:70%; float:left; }
}
@media (min-width:992px) {
    #contents #section20 .promo_tab .tab1 .bg_box { margin:80px auto; }
    #contents #section20 .promo_tab .tab1 .bg_color h5 { padding:0 35px; }
    #contents #section20 .promo_tab .tab1 .bg_color p { padding:0 35px; font-size:15px; }
    
    #contents #section20 .promo_tab .tab2 .plist li { padding:15px 0; margin-bottom:0; border-right:0; border-left:0; border-top:0; }
    #contents #section20 .promo_tab .tab2 .plist li:first-child { border-top:1px solid #ccc; }
    #contents #section20 .promo_tab .tab2 .plist li .imgbox { height:180px; }
    #contents #section20 .promo_tab .tab2 .plist li .prom_txt { padding:20px; }
    #contents #section20 .promo_tab .tab2 .plist li .prom_txt h5 { font-size:20px; }
    #contents #section20 .promo_tab .tab2 .plist li .prom_txt p { font-size:15px; }
}

/**************************************************
*   2.21 - #section21 (인증서)
**************************************************/
@media (min-width:0) {
    #contents #section21 .person { overflow:hidden; }
    #contents #section21 .person li { position:relative; text-align:center; margin-bottom:10px; }
    #contents #section21 .person li .inner { padding:0; width:100%; }
    #contents #section21 .person li .inner p { height:40px; line-height:40px; color:#787878; position:relative; padding-right:43px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
	#contents #section21 .person li .inner p a { position:absolute; right:0; top:0; }
	
	#contents #section21 .person li .myModalBtn { cursor:pointer; }
    #contents #section21 .person li .picArea { background-color:#efefef; border:1px solid #ccc; height:calc(100% - 40px); margin:0 auto; height:300px; background-size:auto 95%; background-position:center; background-repeat:no-repeat; border:1px solid #ccc; }
}
@media (min-width:480px) { 	
	#contents #section21 .person li { float:left; width:calc(50% - 5px); margin-right:10px; margin-bottom:15px; }
    #contents #section21 .person li:nth-child(2n) { margin-right:0; }
}
@media (min-width:992px) { 	
	#contents #section21 .person li { width:calc(33.33% - 10px); margin-right:15px !important; }
	#contents #section21 .person li:nth-child(3n) { margin-right:0 !important; }
}

/* 모달창 */
@media (min-width:0) {
    #contents #section21 .modal { padding:50px; }
    #contents #section21 .modal .modal-content { text-align:center; box-sizing:border-box; position:relative; background:none; }
	#contents #section21 .modal .modal-content .btn_close .close { background-color:#000; width:40px; height:40px; text-align:center; display:block; right:0; top:-40px; line-height:36px; text-align:center; }
	#contents #section21 .modal .modal-content .btn_close .close img { display:inline-block; width:16px; height:16px; margin:0 auto; vertical-align:middle; }
	
    #contents #section21 .modal .modal-content .imgbox { width:100%; min-height:400px; background-size:contain; background-position:center; background-repeat:no-repeat; }
    #contents #section21 .modal .modal-content .imgbox img { width:auto; height:auto; }
    #contents #section21 .modal .modal-content img { display:block; }
}
@media (min-width:768px) {
    #contents #section21 .modal { padding-top:80px; }
    #contents #section21 .modal .modal-content { }
    #contents #section21 .modal .modal-content .imgbox { min-height:600px; }
}

/**************************************************
*   2.22 - #section22 (자주하는질문)
**************************************************/
@media (min-width:0) {
    #contents #section22 .tab { border-bottom:2px solid #a4ad2e; box-sizing:border-box; margin:0 auto 20px; overflow:hidden; padding:0 0px; }
    #contents #section22 .tab li { box-sizing:border-box; float:left; margin-right:-1px; width:auto; }
    #contents #section22 .tab li a { background-color:#fff; border:1px solid #ccc; border-bottom:none; border-radius:5px 5px 0 0; box-sizing:border-box; color:#787878; display:block; margin-left:-1px; padding:7px 5px; font-weight:normal; }
    #contents #section22 .tab li:first-child a { margin-left:0; }
    #contents #section22 .tab li a:hover, #contents #section22 .tab li a.active, #contents #section22 .tab li a:focus { background-color:#a4ad2e; color:#fff; }
    #contents #section22 .tabcontent { border-bottom:1px solid #adadad; border-top:1px solid #adadad; margin-top:10px; padding:0; display:none; }
    #contents #section22 .panel_open { border-bottom:1px solid #cccccc; padding:12px 10px; }
    #contents #section22 .panel_open:nth-last-of-type(1) { border-bottom:none; }
    #contents #section22 .panel_open .panel_title { cursor:pointer; position:relative; }
    #contents #section22 .panel_open .panel_title span { background-color:#555; color:#fff; display:inline-block; margin-right:5px; padding:5px; }
    #contents #section22 .panel_open .panel_title b { font-weight:400; font-size:15px; }
    
    #contents #section22 .panel_open .panel_title span.iconbox { background-color:transparent; display:inline-block; height:16px; margin-right:0; padding:0; position:absolute; right:0px; top:10px; width:16px; }
    #contents #section22 .panel_open .panel_content { display:none; padding:10px; }
    #contents #section22 .panel_open .panel_content table { width:100%; }
    #contents #section22 .panel_open .panel_content th { width:30px; }
    #contents #section22 .panel_open .panel_content th span { display:inline-block; margin-right:10px; padding:0 5px; }
    #contents #section22 .panel_open .panel_content td { line-height:1.4; color:#787878; }
}
@media (min-width:480px) {
    #contents #section22 .tab { padding:0 7px; }
    #contents #section22 .tab li { margin-right:5px; }
    #contents #section22 .tab li a { padding:7px 10px; }
}
@media (min-width:640px) { 	
    #contents #section22 .tab { padding:0 10px; }
	#contents #section22 .tab li a { padding:10px 15px; }
}
@media (min-width:768px) {
    #contents #section22 .panel_open .panel_title span { padding:7px 10px; }
}
@media (min-width:1024px) { 	
    #contents #section22 .tabcontent { padding:0; }
	#contents #section22 .tabcontent .form_row { margin:10px 0; }
	#contents #section22 .tabcontent .form_row label { width:130px; }
	#contents #section22 .tabcontent .textbox { width:91%; }
    
	#contents #section22 .panel_open .panel_content { padding:20px; }
}
@media (min-width:1280px) { 	
    #contents #section22 .tabcontent .textbox { width:1020px; }
}

/**************************************************
*   2.23 - #section23 (묻고답하기 form)
**************************************************/
@media (min-width:0) {
    #contents #section23 > * { color:#787878; }
    #contents #section23 .section_inner { margin-bottom:20px; }
    #contents #section23 .section_inner .form_row label { cursor:inherit; width:100%; font-size:15px; box-sizing:border-box; }
    #contents #section23 .section_inner .form_row label b { font-weight:400; color:#232323; }
    #contents #section23 .section_inner .form_row small { color:#ec2027; vertical-align:middle; }
    
    #contents #section23 .section_inner .form_row .input_wrap { width:100%; }
    #contents #section23 .section_inner .form_row .input_wrap select { border:1px solid #cccccc; height:30px; line-height:29px; margin:7px 0; padding-left:10px; color:#787878; font-size:14px; width:200px; background:url("../images/contents/icon_down_01.png") no-repeat 95% 50%; }
    #contents #section23 .section_inner .form_row .input_wrap.select_wrap .dropdown { margin:10px 1px 10px 0; }
    #contents #section23 .section_inner .form_row .input_wrap.select_wrap .dropdown .dropbtn { background-color:#fff; border:1px solid #ccc; color:#787878; height:29px; line-height:29px; padding:0 5px; text-align:left; width:50px; }
    #contents #section23 .section_inner .form_row .input_wrap.select_wrap .dropdown .dropbtn i { float:right; line-height:29px; }
    #contents #section23 .section_inner .form_row .input_wrap.select_wrap .dropdown-content { box-sizing:border-box; min-width:100%; }
    
    #contents #section23 .section_inner .form_row .input_wrap #file { position:relative; }
    #contents #section23 .section_inner .form_row .input_wrap .file_input_textbox { width:100%; }
    #contents #section23 .section_inner .form_row .input_wrap .file_input_div { position:absolute; right:0; top:7px; }
    
	#contents #section23 .section_inner .form_row .input_wrap ul { width:100%; }
	#contents #section23 .section_inner .form_row .input_wrap ul li { float:left; width:30%; }
	#contents #section23 .section_inner .form_row .input_wrap ul li.w10 { text-align:center; width:auto; font-size:11px; padding:17px 7px; }
	#contents #section23 .section_inner .form_row .input_wrap ul li.w15 { padding:10px 5px; text-align:center; width:auto; }
    #contents #section23 .section_inner .form_row .input_wrap ul li select { width:100%; }
    #contents #section23 .section_inner .form_row .input_wrap ul li.last { margin-left:1%; }

    #contents #section23 .section_inner .form_row .input_wrap .myrating { margin:12px 0; }
    #contents #section23 .section_inner .form_row .input_wrap .myrating span { font-size:14px; line-height:27px; margin-right:2px; }
    #contents #section23 .section_inner .form_row .input_wrap .myrating .grade { color:#333333; margin-left:10px; }
    
    #contents #section23 .section_inner .form_row .input_wrap.captchabox { display:inline-block; vertical-align:middle; }
    #contents #section23 .section_inner .form_row .input_wrap.captchabox .imgbox { border:1px solid #ccc; overflow:hidden; margin-top:8px; }
    #contents #section23 .section_inner .form_row .input_wrap.captchabox input { float:left; width:calc(100% - 84px); }
    #contents #section23 .section_inner .form_row .input_wrap.captchabox a { display:inline-block; width:30px; height:30px; font-size:14px; padding:7px; border:1px solid #ccc; margin:7px 0; margin-left:3px; }
    
    #contents #section23 .box { border:1px solid #ccc; box-sizing:border-box; font-size:14px; line-height:1.4; padding:15px; height:150px; overflow-y:auto; }
    #contents #section23 .cbox { clear:both; }
    #contents #section23 .cbox input { margin-right:5px; }
	#contents #section23 .cbox label { color:#333; }
}
@media (min-width:640px) { 	
    #contents #section23 .section_inner .form_row .input_wrap.select_wrap .dropdown { margin-right:3px; }
}
@media (min-width:768px) { 	
    #contents #section23 .section_inner .form_row { background-color:#f9f9f9; border-bottom:1px solid #cccc; overflow:hidden; }
    #contents #section23 .section_inner .form_row:nth-of-type(1) { border-top:1px solid #cccccc; }
    #contents #section23 .section_inner .form_row:nth-last-of-type(1) { border-bottom:1px solid #cccccc; }
    #contents #section23 .section_inner .form_row label { float:left; line-height:50px; width:15%; padding:0 20px; }
	
    #contents #section23 .section_inner .form_row .input_wrap, #contents #section23 .section_inner .form_row .text_wrap { float:left; vertical-align:middle; width:85%; background-color:#ffffff; box-sizing:border-box; padding:0 30px; }
    
    #contents #section23 .section_inner .form_row .input_wrap select { margin:10px 0; }
    #contents #section23 .section_inner .form_row .input_wrap input { margin:10px 0; width:60%; }
    #contents #section23 .section_inner .form_row .input_wrap.select_wrap .dropdown .dropbtn { width:60px; }
    
    #contents #section23 .section_inner .form_row .input_wrap .file_input_textbox { width:80%; }
    #contents #section23 .section_inner .form_row .input_wrap .file_input_div { right:20%; top:10px; }
    
	#contents #section23 .section_inner .form_row .text_wrap textarea { margin:11px 0; }
	#contents #section23 .section_inner .form_row .input_wrap .dropdown .dropbtn_default { width:210px; }
    #contents #section23 .section_inner .form_row .input_wrap ul li.w15 { padding:17px 7px; }
    #contents #section23 .section_inner .form_row .input_wrap ul li input { width:100%; }
    
    #contents #section23 .section_inner .form_row .input_wrap.captchabox a { margin:10px 0; margin-left:3px; }
    
    #contents #section23 .box { padding:20px 40px; }
    
}
@media (min-width:1024px) { 	
	#contents #section23 .section .btn_group { margin-top:40px; }
}

/**************************************************
*   2.24 - #section24 (자료실)
**************************************************/
@media (min-width:0) { 	
	#contents #section24 .report_tab .tabbox { font-size:0; margin-bottom:30px; }
    #contents #section24 .report_tab .tabbox li { display:inline-block; height:34px; line-height:34px; max-width:120px; width:25%; }
    #contents #section24 .report_tab .tabbox li a { border-bottom:1.5px solid transparent; display:block; text-align:center; color:#666; font-size:12px; }
    #contents #section24 .report_tab .tabbox li.on a { border-bottom-color:#999; }
	
    #contents #section24 table { border-collapse:collapse; table-layout:fixed; width:100%; }
	#contents #section24 table .no_mobile { display:none; }
	#contents #section24 table .cont { width:50%; display:table-cell; }
	#contents #section24 table th { border-bottom:1px solid #282828; border-top:1px solid #282828; padding:7px 0; }
	#contents #section24 table th:nth-of-type(1) { width:20%; }
	#contents #section24 table td { border-bottom:1px solid #cccccc; padding:11px 0; text-align:center; }
	#contents #section24 table td.cont { text-align:left; }
	#contents #section24 table th span { color:#333333; }
	#contents #section24 table td span { color:#666666; }
    #contents #section24 table td a img { width:auto; }
    #contents #section24 table td span.content { display:inline-block; width:100%; }
	#contents #section24 table td a { display:block; padding:0 5px; }
}
@media (min-width:640px) {
	#contents #section24 .report_tab .tabbox li a { font-size:15px; }
}
@media (min-width:768px) { 	
	#contents #section24 .report_tab .tabbox li { height:44px; line-height:44px; }
	
    #contents #section24 table .no_mobile { display:table-cell; }
	#contents #section24 table th:nth-of-type(1), #contents #section24 table th:nth-last-of-type(1) { width:10%; }
	#contents #section24 table td a { padding:0 20px; }
}
@media (min-width:1280px) { 	
    #contents #section24 table th { padding:15px 0; }
	#contents #section24 table td { padding:16px 0; }
}

/**************************************************
*   2.25 - #section25 (이용후기)
**************************************************/
@media (min-width:0) { 	
	#contents #section25 >* { color:#787878; }
	#contents #section25 ul.list { overflow:hidden; }
	#contents #section25 ul.list li { margin-bottom:15px; }
	#contents #section25 ul.list li a { display:block; }
	#contents #section25 ul.list li .imgbox { height:225px; width:100%; background-size:cover; background-position:center; background-repeat:no-repeat; }
    #contents #section25 ul.list li .txtarea { font-size:14px; line-height:1.4; height:215px; overflow-y:auto; margin-bottom:10px; }
	#contents #section25 ul.list li .tit { color:#232323; display:block; line-height:1.4; margin:10px 0; font-size:16px; font-weight:500; }
	#contents #section25 ul.list li .flbox { float:left; }
	#contents #section25 ul.list li .flbox span { margin-right:10px; }
	#contents #section25 ul.list li .frbox { float:right; }
	#contents #section25 ul.list li .frbox i { color:#ff8400; text-align:right; }
}
@media (min-width:640px) { 	
    #contents #section25 ul.list li { float:left; margin-right:1%; width:49.5%; }
	#contents #section25 ul.list li:nth-child(2n) { margin-right:0; }
}
@media (min-width:992px) { 	
    #contents #section25 ul.list li { float:left; margin-right:1% !important; width:32.33% !important; }
	#contents #section25 ul.list li:nth-child(3n) { margin-right:0 !important; }
}

/* 이용후기 모달창 */
@media (min-width:0) { 	
    #contents #section25 #modal_review { padding-top:15px; }
	#contents #section25 #modal_review .review_slide { position:relative; }
	#contents #section25 #modal_review .review_slide .for_wrapper { position:relative; }
	#contents #section25 #modal_review .btn_close { display:block; height:20px; }
	#contents #section25 #modal_review .btn_close .close { height:20px; position:relative; right:10px; top:-10px; width:20px; }
	#contents #section25 .modal-content { background:none; border:none; max-width:1200px; width:95%; }
	#contents #section25 .modal-content .flbox { background-color:rgba(0,0,0,0.8); box-sizing:border-box; padding:10px; }
	#contents #section25 .flbox .review_slide .slider-for div { max-height:620px; overflow:hidden; width:100%; }
	#contents #section25 .flbox .review_slide .slider-for div img { height:200px; }
	#contents #section25 .flbox .review_slide .slider-for .txtbox { bottom:0; left:0; line-height:1.4; position:absolute; text-align:center; width:100%; }
	#contents #section25 .flbox .review_slide .slider-for .txtbox em { color:#fff; display:block; font-size:20px; font-weight:bold; }
	#contents #section25 .flbox .review_slide .slider-for .txtbox span { color:#fff; display:block; font-size:14px; }
	#contents #section25 .flbox .review_slide .nav_wrapper { position:relative; }
	#contents #section25 .flbox .review_slide .slider-nav { box-sizing:content-box; margin:0 -10px; }
	#contents #section25 .flbox .review_slide .slider-nav div { box-sizing:border-box; height:70px; margin:0 5px; outline:0; padding:5px 0; }
	#contents #section25 .flbox .review_slide .for_wrapper .slick-arrow { display:block; font-size:0; height:30px; margin-top:-15px; position:absolute; text-indent:-9999px; top:50%; width:24px; z-index:45; }
	#contents #section25 .flbox .review_slide .for_wrapper .slick-prev { background:url("../images/contents/btn_prev_02.png") no-repeat 0 0; background-size:contain; left:0; }
	#contents #section25 .flbox .review_slide .for_wrapper .slick-next { background:url("../images/contents/btn_next_02.png") no-repeat 0 0; background-size:contain; right:0; }
	#contents #section25 .modal-content .flbox + .frbox { background-color:#fff; box-sizing:border-box; padding:10px; }
	#contents #section25 .flbox + .frbox .review_contents .sec1 { border-bottom:1px solid #cccccc; border-top:2px solid #000000; box-sizing:border-box; color:#666666; overflow:hidden; padding:0 5px; }
	#contents #section25 .flbox + .frbox .review_contents .sec1 > p { border-top:1px solid #cccccc; box-sizing:border-box; float:left; overflow:hidden; padding:10px 0; text-overflow:ellipsis; white-space:nowrap; }
	#contents #section25 .flbox + .frbox .review_contents .sec1 .review_pt { color:#c00; }
	#contents #section25 .flbox + .frbox .review_contents .sec1 > p:nth-of-type(1) { border-top:none; color:#000; font-size:16px; text-align:left; width:75%; }
	#contents #section25 .flbox + .frbox .review_contents .sec1 > p:nth-of-type(2) { display:none; }
	#contents #section25 .flbox + .frbox .review_contents .sec1 > p:nth-of-type(3) { text-align:right; width:25%; }
	#contents #section25 .flbox + .frbox .review_contents .sec2 .btns { padding:10px 0 0; text-align:right; }
	#contents #section25 .flbox + .frbox .review_contents .sec2 .btns a { border:1px solid #ccc; border-radius:3px; padding:0 5px; font-size:12px; }
	#contents #section25 .flbox + .frbox .review_contents .sec3 { height:auto; padding:19px 0; }
	#contents #section25 .flbox + .frbox .review_contents .sec3 p.tx2 { font-weight:bold; }
	#contents #section25 .flbox + .frbox .review_contents .sec3 p.tx3 { color:#666; font-size:15px; height:7em; line-height:1.4; overflow-y:auto; text-align:left; }
	#contents #section25 .flbox + .frbox .review_contents .sec3 table.event { line-height:25px; text-align:center; width:40%; }
	#contents #section25 .flbox + .frbox .review_contents .sec3 table.event td,#contents #section25 .flbox + .frbox .review_contents .sec3 table.event th { font-size:12px; }
	#contents #section25 .flbox + .frbox .review_contents .sec3.video iframe { margin:10px 0; min-height:400px; width:100%; }
	#contents #section25 .flbox + .frbox .review_contents .sec4 { display:none; }
	#contents #section25 .flbox + .frbox .review_contents .sec4 table { border-top:2px solid #343434; table-layout:fixed; width:100%; }
	#contents #section25 .flbox + .frbox .review_contents .sec4 th, #contents #section25 .flbox + .frbox .review_contents .sec4 td { border-bottom:1px solid #cccccc; padding:10px; vertical-align:middle; }
	#contents #section25 .flbox + .frbox .review_contents .sec4 th { font-weight:normal; width:70px; }
	#contents #section25 .flbox + .frbox .review_contents .sec4 th span { background:#786c57; border-radius:1px; color:#fff; display:block; padding:5px 0; }
	#contents #section25 .flbox + .frbox .review_contents .sec4 th.next, #contents #section25 .flbox + .frbox .review_contents .sec4 td.next { background-color:white; }
	#contents #section25 .flbox + .frbox .review_contents .sec4 td a { display:block; }
	#contents #section25 .flbox + .frbox .review_contents .sec5 { margin:50px 0; text-align:center; }
	#contents #section25 .flbox + .frbox .review_contents .sec5 a { background-color:#323232; color:#ffffff; display:inline-block; line-height:35px; padding:0 35px; }
	#contents #section25 .flbox + .frbox .review_contents .sec6 { background-color:#f5f5f5; border:1px solid #d1d1d1; box-sizing:border-box; margin:10px 0; padding:15px; }
	#contents #section25 .flbox + .frbox .review_contents .sec6 > p { margin-bottom:10px; }
	#contents #section25 .flbox + .frbox .review_contents .sec6 > p.title { font-size:16px; font-weight:bold; }
	#contents #section25 .flbox + .frbox .review_contents .sec6 > p.cont { background:#fff; border:1px solid #d1d1d1; padding:25px 0; text-align:center; }
	#contents #section25 .flbox + .frbox .review_contents .sec6 > p.cont span { margin-right:15px; }
	#contents #section25 .flbox + .frbox .review_contents .sec6 > p.cont i { color:#dc5411; }
	#contents #section25 .flbox + .frbox .review_contents .sec6 > p.cont b { margin-left:20px; }
}
@media (min-width:480px) { 	
    #contents #section25 .flbox .review_slide .slider-for div img { height:240px; }
}
@media (min-width:640px) { 	
    #contents #section25 .flbox .review_slide .slider-for div img { height:320px; }
}
@media (min-width:768px) { 	
    #contents #section25 .flbox .review_slide .slider-nav div { height:120px; }
	#contents #section25 .flbox .review_slide .slider-for div img { height:510px; }
	#contents #section25 .flbox .review_slide .slider-for .txtbox { bottom:30px; }
	#contents #section25 .flbox .review_slide .slider-for .txtbox em { font-size:36px; }
	#contents #section25 .flbox .review_slide .slider-for .txtbox span { font-size:24px; }
	#contents #section25 .flbox + .frbox .review_contents .sec1 > p { border-top:none; padding:15px 0; }
	#contents #section25 .flbox + .frbox .review_contents .sec1 > p:nth-of-type(1) { width:58%; }
	#contents #section25 .flbox + .frbox .review_contents .sec1 > p:nth-of-type(3) { text-align:right; width:42%; }
	#contents #section25 .flbox + .frbox .review_contents .sec4 th, #contents #section25 .review_contents .sec4 td { padding:2.5%; }
	#contents #section25 .flbox + .frbox .review_contents .sec6 { margin:4.5% 0; padding:3%; }
	#contents #section25 .flbox + .frbox .review_contents .sec4 th { width:80px; }
}
@media (min-width:992px) { 	
    #contents #section25 #modal_review { padding-top:50px; }
	#contents #section25 .modal-content .flbox { border-radius:15px 0 0 15px; float:left; padding:30px; width:65%; }
	#contents #section25 .modal-content .flbox + .frbox { border-radius:0 15px 15px 0; float:left; padding:30px 15px; width:35%; }
	#contents #section25 .flbox + .frbox .review_contents .sec3 p.tx3 { height:406px; }
	#contents #section25 .flbox + .frbox .review_contents .sec3 { height:100%; }
	#contents #section25 .flbox + .frbox .review_contents .sec4 th, #contents #section25 .review_contents .sec4 td { padding:15px 10px; }
	#contents #section25 .flbox + .frbox .review_contents .sec6 { margin:18px 0; padding:20px; }
	#contents #section25 .flbox + .frbox .review_contents .sec4 { display:block; }
}
@media (min-width:1200px) { 	
    #contents #section25 #modal_review { padding-top:70px; }
}

/* 이용후기 모달창2 */
@media (min-width:0) { 	
    #contents #section25 #modal_review2 { padding-top:50px; }
	#contents #section25 #modal_review2 .modal-content { background:none; border:none; max-width:600px; width:95%; }
	#contents #section25 .modal-content .frbox { background-color:#fff; box-sizing:border-box; padding:10px; }
	#contents #section25 .review_contents .sec1 { border-bottom:1px solid #cccccc; border-top:2px solid #000000; box-sizing:border-box; color:#666666; overflow:hidden; padding:0 5px; }
	#contents #section25 .review_contents .sec1 > p { border-top:1px solid #cccccc; box-sizing:border-box; float:left; overflow:hidden; padding:10px 0; text-overflow:ellipsis; white-space:nowrap; }
	#contents #section25 .review_contents .sec1 .review_pt { color:#c00; }
	#contents #section25 .review_contents .sec1 > p:nth-of-type(1) { border-top:none; color:#000; font-size:16px; text-align:left; width:75%; }
	#contents #section25 .review_contents .sec1 > p:nth-of-type(2) { display:none; }
	#contents #section25 .review_contents .sec1 > p:nth-of-type(3) { text-align:right; width:25%; }
	#contents #section25 .review_contents .sec2 .btns { padding:10px 0 0; text-align:right; }
	#contents #section25 .review_contents .sec2 .btns a { border:1px solid #ccc; border-radius:3px; padding:0 5px; font-size:12px; }
	#contents #section25 .review_contents .sec3 { height:auto; padding:19px 0; }
	#contents #section25 .review_contents .sec3 p.tx2 { font-weight:bold; }
	#contents #section25 .review_contents .sec3 p.tx3 { color:#666; font-size:15px; height:20em; line-height:1.4; overflow-y:auto; text-align:left; }
	#contents #section25 .review_contents .sec3 table.event { line-height:25px; text-align:center; width:40%; }
	#contents #section25 .review_contents .sec3 table.event td, #contents #section25 .review_contents .sec3 table.event th { font-size:12px; }
	#contents #section25 .review_contents .sec3.video iframe { margin:10px 0; min-height:400px; width:100%; }
	#contents #section25 .review_contents .sec4 { display:none; }
	#contents #section25 .review_contents .sec4 table { border-top:2px solid #343434; table-layout:fixed; width:100%; }
	#contents #section25 .review_contents .sec4 th, #contents #section25 .review_contents .sec4 td { border-bottom:1px solid #cccccc; padding:10px; vertical-align:middle; }
	#contents #section25 .review_contents .sec4 th { font-weight:normal; width:70px; }
	#contents #section25 .review_contents .sec4 th span { background:#786c57; border-radius:1px; color:#fff; display:block; padding:5px 0; }
	#contents #section25 .review_contents .sec4 th.next, #contents #section25 .review_contents .sec4 td.next { background-color:white; }
	#contents #section25 .review_contents .sec4 td a { display:block; }
	#contents #section25 .review_contents .sec5 { margin:50px 0; text-align:center; }
	#contents #section25 .review_contents .sec5 a { background-color:#323232; color:#ffffff; display:inline-block; line-height:35px; padding:0 35px; }
	#contents #section25 .review_contents .sec6 { background-color:#f5f5f5; border:1px solid #d1d1d1; box-sizing:border-box; margin:10px 0; padding:15px; }
	#contents #section25 .review_contents .sec6 > p { margin-bottom:10px; }
	#contents #section25 .review_contents .sec6 > p.title { font-size:16px; font-weight:bold; }
	#contents #section25 .review_contents .sec6 > p.cont { background:#fff; border:1px solid #d1d1d1; padding:25px 0; text-align:center; }
	#contents #section25 .review_contents .sec6 > p.cont span { margin-right:15px; }
	#contents #section25 .review_contents .sec6 > p.cont i { color:#dc5411; }
	#contents #section25 .review_contents .sec6 > p.cont b { margin-left:20px; }
}
@media (min-width:768px) { 	
    #contents #section25 .review_contents .sec1 > p { border-top:none; padding:15px 0; }
	#contents #section25 .review_contents .sec1 > p:nth-of-type(1) { width:58%; }
	#contents #section25 .review_contents .sec1 > p:nth-of-type(3) { text-align:right; width:42%; }
	#contents #section25 .review_contents .sec4 th, #contents #section25 .review_contents .sec4 td { padding:2.5%; }
	#contents #section25 .review_contents .sec6 { margin:4.5% 0; padding:3%; }
	#contents #section25 .review_contents .sec4 th { width:80px; }
}
@media (min-width:992px) { 	
    #contents #section25 #modal_review2 { padding-top:100px; }
	#contents #section25 .modal-content .frbox { border-radius:15px 15px; padding:30px 15px; }
	#contents #section25 .review_contents .sec3 p.tx3 { height:365px; }
	#contents #section25 .review_contents .sec3 { height:100%; }
	#contents #section25 .review_contents .sec4 th, #contents #section25 .review_contents .sec4 td { padding:15px 10px; }
	#contents #section25 .review_contents .sec6 { margin:18px 0; padding:20px; }
	#contents #section25 .review_contents .sec4 { display:block; }
}
@media (min-width:1200px) { 	
    #contents #section25 #modal_review { padding-top:70px; }
}

/**************************************************
*   2.26 - #section26 (이벤트)
**************************************************/
@media (min-width:0) {
	#contents #section26 .event_tab .tabbox { font-size:0; }
    #contents #section26 .event_tab .tabbox li { display:inline-block; height:34px; line-height:34px; max-width:120px; width:25%; }
    #contents #section26 .event_tab .tabbox li a { border-bottom:1.5px solid transparent; display:block; text-align:center; color:#666; font-size:12px; }
    #contents #section26 .event_tab .tabbox li.on a { border-bottom-color:#999; }
    
    #contents #section26 .event_tab .hiddencontents { margin-top:20px; }
    #contents #section26 .event_tab .list { overflow:hidden; }
    #contents #section26 .event_tab .list li { margin-bottom:15px; position:relative; }
    #contents #section26 .event_tab .imgbox span.event1 { background:#006faf; color:#fff; display:inline-block; font-size:11px; height:43px; left:0; line-height:43px; position:absolute; text-align:center; top:0; width:43px; }
    #contents #section26 .event_tab .imgbox span.event2 { background:#787878; }
    #contents #section26 .event_tab .imgbox .img { background-size:cover; background-position:center; background-repeat:no-repeat; min-height:240px; }
    #contents #section26 .event_tab .list .box { border:1px solid #ccc; box-sizing:border-box; width:100%; }
    #contents #section26 .event_tab .list .box .txtbox { box-sizing:border-box; color:#787878; padding:20px; }
    #contents #section26 .event_tab .list .box .txtbox .title { color:#232323; display:block; font-size:16px; line-height:1.4; font-weight:normal; }
    #contents #section26 .event_tab .list .box .txtbox p { line-height:17px; margin:10px 0; }
    #contents #section26 .event_tab .list0 .box .imgbox img { height:100%; }
    
    #contents #section26 .event_tab table { border-collapse:collapse; table-layout:fixed; width:100%; }
	#contents #section26 .event_tab table .no_mobile { display:none; }
	#contents #section26 .event_tab table .cont { width:50%; }
	#contents #section26 .event_tab table th { border-bottom:1px solid #282828; border-top:1px solid #282828; padding:7px 0; }
	#contents #section26 .event_tab table th:nth-of-type(1) { width:20%; }
	#contents #section26 .event_tab table td { border-bottom:1px solid #cccccc; padding:11px 0; text-align:center; }
	#contents #section26 .event_tab table td.cont { text-align:left; }
	#contents #section26 .event_tab table th span { color:#333333; }
	#contents #section26 .event_tab table td span { color:#666666; }
	#contents #section26 .event_tab table td a { display:block; padding:0 5px; }
    
}
@media (min-width:480px) {
    #contents #section26 .event_tab .list li { float:left; width:calc(50% - 5px); margin-right:10px; }
    #contents #section26 .event_tab .list li:nth-child(2n) { margin-right:0; }
}
@media (min-width:640px) {
	#contents #section26 .event_tab .tabbox li a { font-size:15px; }
}
@media (min-width:768px) { 	
    #contents #section26 .event_tab .tabbox li { height:44px; line-height:44px; }
    
    #contents #section26 .event_tab .hiddencontents { margin-top:30px; }
    #contents #section26 .event_tab .list li { width:calc(33.33% - 10px); margin-right:15px !important; }
    #contents #section26 .event_tab .list li:nth-child(3n) { margin-right:0 !important; }
    
    #contents #section26 .event_tab table .no_mobile { display:table-cell; }
	#contents #section26 .event_tab table th:nth-of-type(1), #contents #section26 .event_tab table th:nth-last-of-type(1) { width:10%; }
	#contents #section26 .event_tab table td a { padding:0 20px; }
}
@media (min-width:1200px) { 	
    #contents #section26 .event_tab table th { padding:15px 0; }
	#contents #section26 .event_tab table td { padding:16px 0; }
}

/**************************************************
*   2.27 - #section27 (행사일정표)
**************************************************/
@media (min-width:0) {
    #contents #section27 .event { overflow:hidden; }
    #contents #section27 h5 { color:#323232; font-size:18px; margin:0 0; margin-bottom:5px; text-align:left; }
    #contents #section27 .event_title { background:#f6f6f6; border-top:2px solid #00ada9; box-sizing:border-box; color:#787878; float:left; padding:50px 10px; width:30%; }
    #contents #section27 .event_cont { box-sizing:border-box; float:left; padding:0 0 0 15px; width:70%; }
    #contents #section27 .event_cont ul li { float:left; padding:2px 0; width:100%; }
    
    #contents #section27 .box h5 { color:#787878; font-size:15px; line-height:25px; font-weight:normal; }
    #contents #section27 .box > ul > li { float:left; line-height:29px; padding:0 7px; width:auto; }
    #contents #section27 .box > ul > li:first-child { padding-bottom:10px; }
    #contents #section27 .box > ul > li.w20 { float:left; line-height:29px; padding:0 0; width:150px; }
    #contents #section27 .box > ul > li input { float:left; margin:0 0; }
    #contents #section27 .box > ul > li.btn { background:#787878; position:relative; }
    #contents #section27 .w40 { float:left; margin-right:5px; width:100px; }
    #contents #section27 .w60 { float:left; width:calc(100% - 105px); }
    #contents #section27 .w40 select { border:1px solid #cccccc; float:left; height:29px; line-height:29px; margin:0 0; padding-left:5px; width:100px; background:url('../images/contents/icon_down_01.png') no-repeat 95% 50%; }
    #contents #section27 .w60 input { float:left; margin:0 0; width:70%; }
    #contents #section27 .w60btn { background:#787878; color:#fff; display:block; float:left; line-height:29px; text-align:center; width:30%; }

    #contents #section27 .event_table { clear:both; padding-top:30px; }
    #contents #section27 .event_table table { border-collapse:collapse; table-layout:fixed; width:100%; }
	#contents #section27 .event_table table .no_mobile { display:none; }
	#contents #section27 .event_table table .cont { width:50%; }
	#contents #section27 .event_table table th { border-bottom:1px solid #282828; border-top:1px solid #282828; padding:7px 0; }
	#contents #section27 .event_table table th:nth-of-type(1) { width:20%; }
	#contents #section27 .event_table table td { border-bottom:1px solid #cccccc; padding:11px 0; text-align:center; }
	#contents #section27 .event_table table td.cont { text-align:left; }
	#contents #section27 .event_table table th span { color:#333333; }
	#contents #section27 .event_table table td span { color:#666666; }
    #contents #section27 .event_table table td span.myModalBtn { display:inline-block; background-color:#00ada9; color:#fff; font-size:12px; padding:0 10px; height:24px; line-height:24px; cursor:pointer; }
	#contents #section27 .event_table table td a { display:block; padding:0 5px; }
    
}
@media (min-width:768px) {
    #contents #section27 .event_table table .no_mobile { display:table-cell; }
	#contents #section27 .event_table table th:nth-of-type(1), #contents #section27 .event_table table th:nth-last-of-type(1) { width:10%; }
	#contents #section27 .event_table table td a { padding:0 20px; }
}
@media (min-width:1220px) {
    #contents #section27 .event_table table th { padding:15px 0; }
	#contents #section27 .event_table table td { padding:16px 0; }
}
@media (max-width:1220px) { 	
    #contents #section27 .box > ul > li { padding:0 0; text-align:center; width:6%; }
	#contents #section27 .box > ul > li.w20 { width:37%; }
	#contents #section27 .box > ul > li.btn { width:10%; }
	#contents #section27 .w40 { float:left; margin-right:2%; width:28%; }
	#contents #section27 .w40 select { width:100%; }
	#contents #section27 .w60 { float:left; width:70%; }
	#contents #section27 .w60 input { width:75%; }
	#contents #section27 .w60 a { padding:0 0; text-align:center; width:25%; }
}
@media (max-width:992px) { 	
    #contents #section27 .event_title { float:left; width:100%; }
	#contents #section27 .event_cont { float:left; padding:0 0; width:100%; }
	#contents #section27 .box h5 { padding:10px 0; }
	#contents #section27 .w60 input { padding:6px 5px; }
}

/* 모달창 */
#contents #section27 .modal .modal-content { padding:10px; }
#contents #section27 .modal .flbox iframe { height:300px; width:100%; }
#contents #section27 .modal .frbox label { color:#fff; font-size:15px; padding:5px 0; text-align:center; width:100%; }
#contents #section27 .modal .frbox p { font-size:14px; line-height:18px; padding:5px 0; text-align:center; }
#contents #section27 label.color1 { background:#af1f1f; }
#contents #section27 label.color2 { background:#0071b3; }
#contents #section27 label.color3 { background:#ff9c00; }

/**************************************************
*   2.28 - #section28 (사이트맵)
**************************************************/
@media (min-width:0) {
    #contents #section28 .list { width:100%; }
    #contents #section28 .list > ul > li { float:left; margin-bottom:20px; width:100%; height:auto; border:1px solid #ccc; }
    #contents #section28 .list > ul > li:nth-child(2n) { margin-right:0; }
    #contents #section28 .box p { background:#ccc; color:#fff; font-size:16px; padding:10px 0; text-align:center; }
    #contents #section28 .box p.color1 { background:#257abb; }
    #contents #section28 .box p.color2 { background:#5788ae; }
    #contents #section28 .box p.color3 { background:#6b6823; }
    #contents #section28 .box p.color4 { background:#3a5acf; }
    #contents #section28 .box p.color5 { background:#6f569d; }
    #contents #section28 .box p.color6 { background:#318961; }
    #contents #section28 .box p.color7 { background:#2a699e; }
    #contents #section28 .box ul { padding:10px 20px; }
    #contents #section28 .box ul li { line-height:1.4; text-align:left; width:100%; line-height:25px; }
    #contents #section28 .box ul li a { display:block; color:#666; }
}

@media (min-width:480px) {
    #contents #section28 .list > ul > li { width:49.5%; margin-right:1%; height:360px; }
    #contents #section28 .list > ul > li:nth-child(2n) { margin-right:0; }
    #contents #section28 .list > ul > li:nth-child(3n) { margin-right:1%; }
}

@media (min-width:640px) {
    #contents #section28 .list > ul > li { width:32.66666666%; margin-right:1%; }
    #contents #section28 .list > ul > li:nth-child(2n) { margin-right:1%; }
    #contents #section28 .list > ul > li:nth-child(3n) { margin-right:0; }
}

/**************************************************
*   2.29 - #section29 (예약안내)
**************************************************/
@media (min-width:0) {
    #contents #section29 .w100 { clear:both; width:100%; }
    #contents #section29 h5 { font-size:17px; margin:15px 0; text-align:left; font-weight:400; }
    #contents #section29 h6 { font-size:16px; margin:40px 0 10px 0; }
    #contents #section29 .w100 p.txt { line-height:18px; padding-bottom:10px; color:#545454; }
    #contents #section29 .w100 p.txt2 { padding-top:10px; color:#545454; }
    #contents #section29 .w100 p.box { border:4px solid #ccc; line-height:24px; overflow:hidden; padding:20px; color:#545454; }
    #contents #section29 .w100 p.box span { display:block; float:left; color:#545454; }
    #contents #section29 .w100 p.box span img { padding:15px; display:none; box-sizing:border-box; }
    #contents #section29 .w100 table { border-top:2px solid #333; width:100%; }
    #contents #section29 .w100 table tr { border-bottom:1px solid #ccc; }
    #contents #section29 .w100 table th { background:#f6f6f6; color:#333; line-height:40px; width:50%; }
    #contents #section29 .w100 table td { color:#787878; line-height:40px; text-align:center; width:50%; }
    #contents #section29 .w100 table th:first-child, #contents #section29 .w100 table td:first-child { border-right:1px solid #ccc; }
    #contents #section29 .w100 p.steptxt { line-height:22px; text-align:center; }
    #contents #section29 .w100 p.steptxt strong { display:block; font-size:12px; }
    #contents #section29 .w100 ul li { border:3px solid #ccc; box-sizing:border-box; float:left; margin-right:2%; padding:20px 0; width:32%; }
    #contents #section29 .w100 ul li:last-child { margin-right:0%; }
    #contents #section29 .w100 ul li p.img { margin:0 10px; text-align:center; }
    #contents #section29 .w100 ul li p.img img { max-height:46px; width:auto; }
    #contents #section29 .w100 a.submit { background:#a4ad2e; color:#fff; display:block; font-size:14px; margin:0 auto; padding:15px 0; text-align:center; width:190px; }
    #contents #section29 .w100.pd40 { padding:40px 0; }
}
@media (min-width:480px) {
    #contents #section29 .w100 p.box span img { display:block; }
}
@media (min-width:768px) {
    #contents #section29 .w100 p.box { font-size:14px; }
    
}
@media (min-width:992px) {
    #contents #section29 .w100 ul li { padding:20px 25px; }
    #contents #section29 .w100 p.txt { font-size:14px; }
    #contents #section29 .w100 ul li p.img { float:left; }
    #contents #section29 .w100 p.steptxt { text-align:left; }
    #contents #section29 .w100 p.steptxt strong { font-size:15px; }
    #contents #section29 .w100 a.submit { font-size:17px; padding:22px 0; width:225px; }
}
@media (min-width:1200px) {
    #contents #section29 .w100 p.box { padding:20px 50px; }
    #contents #section29 .w100 ul li { padding:20px 40px; }
}

/**************************************************
*   2.30 - #section30 (예약하기)
**************************************************/
@media (min-width:0) {
    #contents #section30 > * { color:#787878; }
    #contents #section30 .row { box-sizing:border-box; font-size:0; }
    #contents #section30 .rightcont .inner { width:100%; }
    #contents #section30 .row .col { box-sizing:border-box; display:inline-block; width:100%; }
    #contents #section30 .row .col .info { background-color:#f5f5f5; box-sizing:border-box; display:block; font-size:15px; line-height:1.4; padding:10px; text-align:left; color:#333; }
    #contents #section30 .row .col .reservation { box-sizing:border-box; margin-bottom:30px; padding:10px 5px; }
    #contents #section30 .row .col .reservation .input label { cursor:inherit; display:inline-block; width:20%; color:#333; }
    #contents #section30 .row .col .reservation .input label b { font-size:16px; font-weight:normal; }
    #contents #section30 .row .col .reservation .input input { display:inline-block; width:80%; }
    #contents #section30 .row .col .reservation .input .captchabox { display:inline-block; width:80%; vertical-align:middle; }
    #contents #section30 .row .col .reservation .input .captchabox .imgbox { border:1px solid #ccc; overflow:hidden; }
    #contents #section30 .row .col .reservation .input .captchabox input { float:left; width:calc(100% - 84px); }
    #contents #section30 .row .col .reservation .input .captchabox a { display:inline-block; width:30px; height:30px; font-size:14px; padding:7px; border:1px solid #ccc; margin:7px 0; margin-left:3px; }
    
    #contents #section30 .row .col .reservation .input textarea { display:inline-block; vertical-align:middle; width:80%; }
    #contents #section30 .row .col .reservation .input.select_wrap { margin:7px 0; }
    #contents #section30 .row .col .reservation .input.select_wrap .dropdown { margin-right:1px; }
    #contents #section30 .row .col .reservation .input.select_wrap .dropdown .dropbtn { background-color:#fff; border:1px solid #ccc; color:#787878; height:29px; line-height:29px; padding:0 5px; text-align:left; width:50px; }
    #contents #section30 .row .col .reservation .input.select_wrap .dropdown .dropbtn i { float:right; line-height:29px; }
    #contents #section30 .row .col .reservation .input.select_wrap .dropdown-content { box-sizing:border-box; min-width:100%; }
    #contents #section30 .row .col .reservation .input select.last { margin-right:0; }
    #contents #section30 .row .col .responsive { border:1px solid #cccccc; border-collapse:collapse; table-layout:fixed; width:100%; }
    #contents #section30 .row .col .responsive th { background-color:#f5f5f5; border-bottom:1px solid #cccccc; padding:10px 0; color:#333; font-weight:400; }
    #contents #section30 .row .col .responsive th span { font-size:14px; }
    #contents #section30 .row .col .responsive td { padding:10px 0; text-align:center; vertical-align:middle; font-weight:400; color:#333; }
    #contents #section30 .row .col .responsive td.even { background-color:#f5f5f5; }
    #contents #section30 .row .col .responsive td.con { text-align:left; }
    #contents #section30 .row .col .responsive td.con span { position:relative; }
    #contents #section30 .row .col .responsive td.con span a { display:block; width:80%; }
    #contents #section30 .row .col .responsive td.con span i { color:#ff0000; position:absolute; right:15px; top:0; }
    #contents #section30 .row .col .responsive td.con span i:nth-of-type(2) { right:0; }
    #contents #section30 .row .col .responsive td span { display:block; font-size:12px; }
    #contents #section30 .row .col .board { background-color:#fff; box-sizing:border-box; padding:10px 5px; }
    #contents #section30 .row .col .board .tx9 { font-size:12px; }
    #contents #section30 .reservation .textbox { border:1px solid #cccccc; box-sizing:border-box; font-size:14px; height:110px; line-height:1.4; margin:10px 0; overflow-y:auto; padding:10px; width:100%; }
    #contents #section30 .reservation .form_row input { margin:0; }
    #contents #section30 .reservation .form_row span { display:inline-block; font-size:12px; margin:8px 0; vertical-align:middle; }
    
    #contents #section30 .box { border:1px solid #ccc; box-sizing:border-box; font-size:14px; line-height:1.4; padding:15px; height:150px; overflow-y:auto; }
    #contents #section30 .cbox { clear:both; }
    #contents #section30 .cbox input { margin-right:5px; }
    #contents #section30 .cbox label { color:#333; }
    
}
@media (min-width:640px) { 	
    #contents #section30 .row .col .reservation .input.select_wrap .dropdown { margin-right:5px; }
}
@media (min-width:768px) {
    #contents #section30 .box { padding:20px 40px; }
}
@media (min-width:1280px) { 	
    #contents #section30 { background-size:contain; }
	#contents #section30 .row .col .reservation { margin-bottom:0; }
	#contents #section30 .row .col { vertical-align:top; width:calc(50% - 5px); }
	#contents #section30 .row .col .info { margin-top:0; }
	#contents #section30 .row .col1 { margin-right:5px; }
	#contents #section30 .row .col2 { margin-left:5px; }
	#contents #section30 .row .col .reservation .input.select_wrap .dropdown .dropbtn { width:60px; }
	#contents #section30 .row .col .responsive td span { font-size:13px; }
}

/**************************************************
*   2.31 - #section31 (예약확인)
**************************************************/
@media (min-width:0) {
    #contents #section31 .info { background-color:#fbf5e1; border:1px solid #cccccc; clear:both; padding:10px; line-height:1.4; font-size:14px; }
    #contents #section31 .info span { color:#ec2027; }
    #contents #section31 .table_layout { margin-top:20px; }
    #contents #section31 .table_layout .th, #contents #section31 .table_layout .td { padding:10px; font-size:15px; }
    #contents #section31 .table_layout .th { background-color:#eeeeee; }
    #contents #section31 .table_layout .th b { font-weight:400; }
    #contents #section31 .table_layout .td span { color:#003cd4; text-decoration:underline; }
    #contents #section31 .btn_group { margin-top:20px; }
}
@media (min-width:768px) { 	
    #contents #section31 .info { padding:20px; font-size:15px; }
	#contents #section31 .table_layout { border-collapse:collapse; display:table; width:100%; }
	#contents #section31 .table_layout .row { display:table-row; }
	#contents #section31 .table_layout .th, #contents #section31 .table_layout .td { border:1px solid #cccccc; display:table-cell; padding:15px; }
	#contents #section31 .table_layout .th { width:150px; }
	#contents #section31 .btn_group { margin-top:40px; }
}

/**************************************************
*   2.32 - #section32 (회원사소개)
**************************************************/
@media (min-width:0) {
	#contents #section32 .sub07-round-box { border-bottom:1px solid #cccccc; border-top:2px solid #343434; margin-bottom:25px; overflow:hidden; position:relative; text-align:left; padding:10px; }
	
	#contents #section32 .sub07-round-box span { color:#666; display:block; float:left; line-height:32px; text-align:center; width:60px; }
	
	#contents #section32 .sub07-round-box .divbox { margin-bottom:5px; }
	#contents #section32 .sub07-round-box .select-area { width:60px; display:inline-block; }
	#contents #section32 .sub07-round-box .select-area select { background:#fff url(../images/contents/icon_down_01.png) no-repeat 90% 50%; border:1px solid #ccc; height:30px; line-height:30px; display:inline-block; width:100%; padding-left:5px; color:#666; }
	
	#contents #section32 .sub07-round-box .divbox.w70 { position:relative; }
	#contents #section32 .sub07-round-box .divbox.w70 span { margin:7px 0; }
	#contents #section32 .sub07-round-box .divbox.w70 .select-area { display:inline-block; }
	#contents #section32 .sub07-round-box .sub07_areaName { display:inline-block; width:calc(100% - 145px); }
	
	#contents #section32 .sub07-round-box .btn-search07 { background:#787878; color:#fff; line-height:30px; width:70px; position:absolute; right:0; top:0; font-size:13px; }
	
	#contents #section32 label.color1 { background:#af1f1f; }
	#contents #section32 label.color2 { background:#0071b3; }
	#contents #section32 label.color3 { background:#ff9c00; }
	
	#contents #section32 table { border-top:2px solid #444; width:100%; }
	#contents #section32 table tr { border-bottom:1px solid #ccc; }
	#contents #section32 table tr.bg { background:#f6f6f6; }
	#contents #section32 table th { font-size:14px; padding:15px 0; color:#666; }
	#contents #section32 table td { padding:15px 0; color:#666; }
	#contents #section32 table td.name, #contents #section32 table td.loca, #contents #section32 table td.tel, #contents #section32 table td.serv { text-align:center; }
	#contents #section32 table td.serv button { background:#515151; color:#fff; text-align:center; display:inline-block; font-size:13px; padding:0 10px; height:26px; line-height:24px; }
	#contents #section32 table td.addr { padding:0 5px; }
}
@media (min-width:640px) {
	#contents #section32 .sub07-round-box span { font-size:15px; margin-right:10px; }
	#contents #section32 .sub07-round-box .select-area { width:70px; }
	
	#contents #section32 .sub07-round-box .divbox.w70 span { margin-right:10px; }
	#contents #section32 .sub07-round-box .sub07_areaName { width:calc(100% - 155px); }
}
@media (min-width:768px) {
	#contents #section32 .sub07-round-box .select-area { width:80px; }
}
@media (min-width:992px) {
	#contents #section32 .sub07-round-box { padding:20px 50px; }
	#contents #section32 .sub07-round-box .divbox { margin-bottom:0; }
	#contents #section32 .sub07-round-box div.w30 { float:left; width:40%; }
	#contents #section32 .sub07-round-box div.w70 { float:left; width:60%; }
	
	#contents #section32 .sub07-round-box .divbox.w70 span { margin:0; margin-right:10px; }
	#contents #section32 .sub07-round-box .sub07_areaName { margin:0; }
	#contents #section32 .sub07-round-box .btn-search07 { margin:0; }
}
@media (max-width:480px) {
	#contents #section32 table th.mob_hide { display:none; }
	#contents #section32 table td.mob_hide { display:none; }
}

/* 모달창 */
@media (min-width:0) {
	#contents #section32 .modal .modal-content { padding:10px; padding-top:5px; }
	#contents #section32 .modal .close { color:#fff; width:40px; height:40px; padding:12px; text-align:center; margin-bottom:10px; background-color:#000; top:-40px; right:0; }
	#contents #section32 .modal .close img { margin-bottom:10px; }
	#contents #section32 .modal .flbox iframe { height:300px; width:100%; }
	#contents #section32 .modal .frbox label { color:#fff; font-size:15px; padding:5px 0; text-align:center; width:100%; }
	#contents #section32 .modal .frbox p { font-size:14px; line-height:18px; padding:5px 0; text-align:center; }
}

/**************************************************
*   2.35 - #section35 (이용약관)
**************************************************/
@media (min-width:0) {
	#contents #section35 .agreewarp { position:relative; width:auto; }
	#contents #section35 .agreewarp .agreetab .tabbox { overflow:hidden; margin-bottom:20px; position:relative; }
	#contents #section35 .agreewarp .agreetab .tabbox:after { content:""; display:inline-block; width:100%; height:1px; background-color:#ddd; position:absolute; left:300px; bottom:0; }
	#contents #section35 .agreewarp .agreetab li { float:left; width:50%; text-align:center; height:48px; line-height:46px; }
	#contents #section35 .agreewarp .agreetab li i { font-style:normal; display:block; line-height:1.4; }
	#contents #section35 .agreewarp .agreetab li a { display:block; color:#000000; font-size:12px; border:1px solid #ddd; margin-right:-1px; padding: 0; }
	#contents #section35 .agreewarp .agreetab li:first-child a { padding:0; }
	#contents #section35 .agreewarp .agreetab li:last-child a { margin-right:0; }
	#contents #section35 .agreewarp .agreetab li.on { border-bottom:none; } 
	#contents #section35 .agreewarp .agreetab li.on a { border-color:#64a023; color:#64a023; border-bottom:0; margin-right:0; }
	#contents #section35 .agreewarp .agreetab p { line-height:1.8; font-size:13px; }
}
@media (min-width:640px) {
	#contents #section35 .agreewarp .agreetab li { max-width:150px; height:50px; line-height:48px; } 
	#contents #section35 .agreewarp .agreetab li a { font-size:14px; padding:0 !important; }
	#contents #section35 .agreewarp .agreetab li i { display:inline-block; line-height:1; }
}
@media (min-width:768px) {
	#contents #section35 .agreewarp .agreetab li a { font-size:15px; }
	#contents #section35 .agreewarp .agreetab p { font-size:14px; }
}

/**************************************************
* login
**************************************************/
@media (min-width:0) {
	.loginimg { position:fixed; left:0; right:0; top:0; bottom:0; background-attachment:fixed; background-repeat:no-repeat; background-position:center; background-size:cover; }
	.loginbg { position:fixed; left:0; right:0; top:0; bottom:0; background-color:rgba(0,0,0,0.4); }
	
	.loginwrap { }
	.loginwrap .login_logo { font-size:0; text-align:center; }
	.loginwrap .login_logo img{ display:inline-block; margin-right:5px; width:auto; max-height:40px; vertical-align:middle; }
	.loginwrap .login_logo span { display:inline-block; font-size:20px; color:#fff; vertical-align:middle; }
	/* wraptop */
	.loginwrap .wraptop { position:relative; text-align:right; color:#fff; }
	.loginwrap .wraptop a { padding:5px; font-size:12px; border:1px solid #fff; display:inline-block; margin-top:20px; background-color:rgba(255,255,255,0.2); }
	
	/* wrapleft */
	.loginwrap .wrapleft { display:none; margin-top:30px; text-align:center; }
	.loginwrap .wrapleft .logo { max-width:150px; }
	.loginwrap .wrapleft .logotext { color:#fff; font-size:14px; float:right; position:relative; top:5px; }
	.loginwrap .wrapleft .logosubtext { display:block; color:#fff; font-size:16px; margin-top:20px; line-height:1.4; }
	.loginwrap .wrapleft .stotydesc { display:block; border:1px solid #fff; border-radius:5px; color:#fff; text-align:center; margin-top:20px; padding:5px 10px; font-size:16px; padding:5px 0; }
	.loginwrap .wrapleft .tomobile { display:none; margin-top:20px; border:1px solid #fff; border-radius:5px; padding:10px 0; }
	.loginwrap .wrapleft .tomobile div { text-align:center; padding:0 15px; line-height:1.4; }
	.loginwrap .wrapleft .tomobile div .top { font-size:14px; color:#fff; }
	.loginwrap .wrapleft .tomobile div .bottom { font-size:14px; opacity:0.6; color:#fff; }
	.loginwrap .wrapleft .tomobile div a { color:#fff; border:1px solid #fff; padding:5px 7px; display:inline-block; margin-top:20px; background-color:rgba(255,255,255,0.2); }
	
	/* wrapright */
	.loginwrap .wrapright { width:100%; margin-top:30px; }
	.loginwrap .wrapright .notice { line-height:1.4; display:none; }
	.loginwrap .wrapright .notice span { display:inline-block; float:left; background-color:#fff; color:#666; padding:4px 7px; }
	.loginwrap .wrapright .notice a { display:block; width:calc(100% - 67px); margin-left:10px; padding-top:4px; white-space:nowrap; -ms-text-overflow:ellipsis; -o-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden; color:#fff; padding:0 10px; line-height:27px; }
	
	.loginwrap .wrapright .login { border:1px solid #fff; margin-top:20px; padding:10px; }
	.loginwrap .wrapright .login > .title { padding-bottom:15px; }
	/* .loginwrap .wrapright .login > .title img { width:100px; vertical-align:middle; } */
	/* .loginwrap .wrapright .login > .title span */ { color:#fff; font-size:18px; vertical-align:sub; margin-left:20px; display:inline-block; }
	
	.loginwrap .wrapright .login .snslogin a { width:23%; margin-right:4px; max-width:84px; display:block; float:left; }
	
	.loginwrap .wrapright .login .elogin { position:relative; }
	.loginwrap .wrapright .login .elogin .title { font-size:14px; color:#fff; display:block; margin-bottom:15px; margin-top:30px; }
	.loginwrap .wrapright .login .elogin > a.btn { display:block; position:absolute; right:10px; top:95px; font-size:12px; color:#666; border:1px solid #ddd; padding:3px 5px; background-color:#fff; }
	.loginwrap .wrapright .login .elogin input[type=text].top { border-bottom:1px solid #e6e6e6; width:100%; padding-left:10px; height:40px; line-height:40px; border:0; }
	
	.loginwrap .wrapright .login .agreeWrap { }
	.loginwrap .wrapright .login .agreeWrap li { margin:7px 0; height:40px; line-height:38px; padding:0 10px; background-color:#fff; border:1px solid #e6e6e6; color:#666; }
	.loginwrap .wrapright .login .agreeWrap li:first-child { margin-bottom:14px; }
	.loginwrap .wrapright .login .agreeWrap li input { float:left; vertical-align:middle; margin:12px 5px 12px 0; }
	.loginwrap .wrapright .login .agreeWrap li label { display:inline-block; float:left; line-height:38px; }
	
	.loginwrap .wrapright .login .elogin .notice { color:#dc4a38; font-size:12px; background-color:#fff; padding:12px; display:inline-block; margin-top:2px; width:100%; }
	
	.loginwrap .wrapright .login .elogin table { margin-top:15px; width:100%; }
	.loginwrap .wrapright .login .elogin table td { background-color:#fff; text-align:center; vertical-align:middle; color:#666; }
	.loginwrap .wrapright .login .elogin table td.col { background-color:#96bf1a; height:40px; width:75px; font-size:25px; color:#fff; vertical-align:middle; }
	
	.loginwrap .wrapright .login .elogin .coldown { margin-top:5px; }
	.loginwrap .wrapright .login .elogin a.loginbtn { background-color:#96bf1a; text-align:center; color:#fff; font-size:14px; display:block; margin-top:15px; padding:10px; }
	.loginwrap .wrapright .login .elogin a.findbtn { color:#fff; text-decoration:underline; width:210px; margin:0 auto; display:block; margin-top:15px; font-size:14px; padding-bottom:30px; text-align:center; }
	
	.loginwrap .wrapright .agree { margin-top:13px; text-align:center; height:30px; line-height:30px;}
	.loginwrap .wrapright .agree a { font-size:12px; color:#fff; width:33.33%; text-align:center; display:inline-block; float:left; }
	
	/* wrapbottom */
	.loginwrap .wrapbottom { background-color:rgba(0,0,0,0.2); margin-top:40px; color:#fff; font-size:12px; padding:10px 20px; margin-bottom:10px; text-align:left; }
	.loginwrap .wrapbottom .title { font-size:14px; display:block; }
	.loginwrap .wrapbottom .item { display:inline-block; margin-top:5px; }
	.loginwrap .wrapbottom .item span { color:#c2c2c2; }
	.loginwrap .wrapbottom .item.first:before { content:""; margin:0; bottom:1px; position:relative; }
	.loginwrap .wrapbottom .item:before { content:"|"; margin:0 5px; bottom:1px; position:relative; }
}
@media (min-width:768px) {
	/* wrapleft */
	.loginwrap .wrapleft { width:50%; padding-right:20px; margin:80px 0; float:left; }
	
	/* wrapright */
	.loginwrap .wrapright { /* width:50%;  */padding-left:20px; margin:80px 0; max-width:600px; margin:0 auto; }
	
	/* wrapbottom */
	.loginwrap .wrapbottom { background:none; padding-bottom:30px; clear:both; }
	.loginwrap .wrapbottom .item { float:left; }
	
}
@media (min-width:992px) {
	.loginwrap { padding-bottom;100px; min-height:100vh; }
	.loginwrap .inner { min-height:100vh; }
	/* wraptop */
	.loginwrap .wraptop a { padding:9px 10px; }
	
	/* wrapleft */
	.loginwrap .wrapleft { padding-right:0; width:400px; margin-top:170px; float:left; margin-left:5%; }
	.loginwrap .wrapleft .logo { max-width:200px; }
	.loginwrap .wrapleft .logotext { top:21px; }
	.loginwrap .wrapleft .logosubtext { font-size:22px; margin-top:55px; }
	.loginwrap .wrapleft .stotydesc { font-size:18px; padding:10px; }
	.loginwrap .wrapleft .tomobile { padding-top:20px; padding-left:15px; }
	.loginwrap .wrapleft .tomobile div { float:left; width:50%; }
	.loginwrap .wrapleft .tomobile div .top { text-align:left; display:block; font-size:18px; margin-top:10px; }
	.loginwrap .wrapleft .tomobile div .bottom { text-align:left; display:block; font-size:18px; }
	.loginwrap .wrapleft .tomobile div a { float:left; font-size:12px; padding:4px 9px; margin-top:10px; }
	
	/* wrapright */
	.loginwrap .wrapright { padding-left:0; margin-top:120px; /* float:right;  */}
	.loginwrap .wrapright .login { padding-left:25px; padding-right:25px; }
	/* .loginwrap .wrapright .login > .title img { width:80px; } */
	/* .loginwrap .wrapright .login > .title span { font-size:22px; } */
	
	.loginwrap .wrapright .login .agreeWrap li { height:49px; line-height:47px; }
	.loginwrap .wrapright .login .agreeWrap li input { margin:17px 5px 17px 0; }
	.loginwrap .wrapright .login .agreeWrap li label { line-height:46px; }
	
	.loginwrap .wrapright .login .elogin > a.btn { top:105px; }
	.loginwrap .wrapright .login .elogin input[type=text] { height:49px; line-height:49px; }
	.loginwrap .wrapright .login .elogin table td.col { height:49px; }
	
	.loginwrap .wrapright .login .elogin a.loginbtn { padding:12px 10px; }
	.loginwrap .wrapright .agree a { font-size:14px; }
	
}
@media (min-width:1024px) {
	.loginwrap .wrapleft{ display:block; }
	.loginwrap .wrapright{ float:right; width:500px; }
	.loginwrap .wrapright .notice{ display:block; }
}
@media (min-width:1600px) {
	.loginwrap { padding-bottom:0; }
	
	/* wrapbottom */
	.loginwrap .wrapbottom { position:fixed; left:40px; bottom:0; width:600px; }
}